jQuery Plugin – gmaps(簡單實作出導航功能)

gmaps 網站截圖
gmaps 網站截圖

因為工作的關係,好久沒丟新範例了,底下這個範例是之前在課堂中製作的案例,經過一些修改之後分享給大家。

gmaps是一個Google Map的jQuery Plugin,底下的範例是利用它所製作出來的互動式地圖,大致說明如下:

  • 資料來源:利用XML讀取多個”巨匠電腦”分校位置。
  • 自動定位:自動擷取目前使用者所在位置。
  • 資料標示:更換地圖圖示與說明內容。
  • 快速索引:快速移動地圖至選取的分校。
  • 導航路線:選擇目的地之後,決定前往方法(開車/走路)後,按下路線規劃。

範例打包下載

You may also like...

10,294 Responses

  1. Site表示:

    Thnks ffor haring уour thoughts. I reаlly apprrciate
    youjr effforts andd I amm waitingg foor youhr nwxt wite upps tһank yoou
    onxe again.

  2. XsaAdklLiZgt表示:

    Всем рекомендую этот обменник биткоин для обмена криптовалюты в России! Процесс обмена биткоин происходит от 5 до 15 минут.

  3. Alvinimave表示:

    Whoa loads of very good data.
    help with college essay how to write an argument essay online dissertation writing service

  4. arrindCen表示:

    doxycycline drug interactions I m an Old Dog Haven foster plus had taken care of my own senior dogs for many years now.

  5. Obersenep表示:

    For both cell lines, when compared with the control group, the number of cell invasions through the Matrigel- coated filter was dose- dependently reduced by doxycycline Fig. clindamycin vs doxycycline

  6. wewencash表示:

    Triamcinolone Triamcinolone The metabolism of Enzalutamide can be increased when combined with Triamcinolone. doxycycline for prostatitis It s ideal to be monitored by a healthcare professional who can provide recommendations when it comes to dosages or potential side effects.

  7. Wendelldub表示:

    Appreciate it. Lots of forum posts.
    reputable canadian mail order pharmacies canadian pharmaceuticals online safe canada prescriptions drugs

  8. Alvinimave表示:

    This is nicely expressed. .
    college level essay writing narrative essay best online writing services

  9. Alvinimave表示:

    Kudos. Very good stuff.
    does money buy happiness essay college essays admission essay writing service

  10. Brucetoush表示:

    Amazing a lot of helpful advice.
    canadian pharmacies without prescriptions canadian pharma companies canada prescription drugs

  11. Obersenep表示:

    Vitamin C and vaccination. buy doxycycline 100mg

  12. Arreple表示:

    will doxycycline thin blod The vet needs to determine what bacteria has invaded his system in order to prescribe the correct antibiotic.

  13. Alvinimave表示:

    Seriously a lot of superb facts!
    where can i pay someone to write my essay essay rewriter professional case study writers

  14. Gizli Buluşmalar Sex Filmi Türkçe Altyazılı.
    Kocasını Aldatan Evli Kadın Sex Filmi Türkçe Altyazılı izle: Kocası kısır olan ve çocukları olmadığı için mutsuz hisseden Uno,
    hamile kalmak için düzenli olarak kocasının arkadaşı ile ilişkiye girmeye başlar.

  15. Hqkzxb表示:

    purchase fexofenadine generic buy phenytoin 100 mg generic paracetamol 500 mg over the counter

  16. Wendelldub表示:

    Fantastic postings. Appreciate it!
    online canadian pharcharmy online medicine to buy prescription drug cost

  17. Alvinimave表示:

    You actually explained that superbly.
    custom essay order essaytyper statement of purpose writing service

  18. Alvinimave表示:

    You explained this wonderfully!
    how to write a interview essay essays writing service best thesis writing services

  19. Brucetoush表示:

    Thanks a lot, Good information!
    discount pharmacy discount drugs online pharmacy pharmacy near me

  20. atkerman.ir表示:

    Attractive srction off contеnt. I jst strumbled uupon ʏou weblog
    annd iin accession captal tοⲟ asseert thst I acquure ɑctually enjoysd accoount yyour
    bllog posts. Anny wayy Ι ԝill bee subscribihg tto yⲟu augment aand even I achievemen yyou acccess consistently ԛuickly.

    Lookk aat myy weeb blog – Sitte (atkerman.ir)

  21. Kdo je Gülden Karaböcek? Saniye Gülden Göktürk, lépe
    známá jako Gülden Karaböcek (narozena 4. listopadu 1953, Ankara), je turecká fantasy,
    arabeská zpěvačka. Jeho život a kariéra.

  22. Juanitapisn表示:

    online casual dating
    free dateing sites
    free adult chat rooms

  23. Sahil Kamp İstanbul için yazılan Restoran ve Tuvalet şikayetleri için tıklayın! Sahil Kamp İstanbul hakkında kullanıcı yorumları, Restoran ve Tuvalet şikayetleri ‘da!

    You can visit to view global content and find solutions to complaints.

    Şikayetler; Marka Karşılaştır.

  24. Po ročních přípravách uvádí společnost Acomware na trh novou kreativní agenturu Blueglue.

  25. Annesinin Suyuna Hap Atıp Patlamasını İzleyen Çocuk.

    162.044. İzlesene. Videolar. Komik Videolar. Alkışlarla Yaşıyorum.
    Facebook’ta Paylaş. Siteme Ekle Bildir. Yüklenme Tarihi: 00:
    28.

  26. I feel that is among the most vital info for me. And i’m glad reading
    your article. However wanna remark on some general things,
    The website taste is great, the articles is really nice :
    D. Excellent activity, cheers

  27. Alvinimave表示:

    Thank you! I appreciate this.
    argumentative essay help how to write a college admissions essay hire freelance writers

  28. Wendelldub表示:

    Great stuff. Thanks.
    discount prescription drug canadian prescription prescription drugs prices

  29. University表示:

    Woah! I’m reeally enjoying tthe template/theme оff thi site.

    Ӏt’s simple, yett effective. A lott ⲟff timws it’ѕ challenging tto gget tha “perfect balance” betqeen superb usability annd appearance.
    І mist ssay tha үou’ve dopne a awesoe joob ith tһіѕ.
    In additіon, tthe blog lads super quifk forr mme onn Intenet explorer.

    Excheptional Blog!

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。