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

gmaps 網站截圖
gmaps 網站截圖

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

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

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

範例打包下載

You may also like...

12,832 Responses

  1. Go88表示:

    Good day! This is my first comment here so I just wanted to give a quick shout out and say I really enjoy reading through your articles. Can you recommend any other blogs/websites/forums that cover the same subjects? Thanks a lot!

  2. sunwin表示:

    I think it is a nice point of view. I most often meet people who rather say what they suppose others want to hear. Good and well written! I will come back to your site for sure!

  3. black dick表示:

    I visited several websites however the audio quality for audio songs present at this web page is really fabulous.|

  4. Jacobbep表示:

    acheter mГ©dicament en ligne sans ordonnance https://kamagrameilleurprix.com/# pharmacie en ligne pas cher

  5. Richardprurf表示:

    https://viagrameilleurprix.shop/# Viagra homme sans ordonnance belgique
    Pharmacie en ligne livraison Europe

  6. WilsonVah表示:

    pharmacie en ligne france livraison belgique: acheter kamagra site fiable – vente de mГ©dicament en ligne

  7. Richardprurf表示:

    http://viagrameilleurprix.com/# Viagra sans ordonnance 24h suisse
    п»їpharmacie en ligne france

  8. NorbertKep表示:

    trouver un mГ©dicament en pharmacie: kamagra en ligne – pharmacie en ligne france livraison belgique

  9. Perryzoozy表示:

    SildГ©nafil 100 mg sans ordonnance acheter du viagra Prix du Viagra en pharmacie en France

  10. NorbertKep表示:

    pharmacie en ligne avec ordonnance: cialis generique – pharmacie en ligne livraison europe

  11. Jacobbep表示:

    pharmacie en ligne avec ordonnance https://kamagrameilleurprix.shop/# pharmacie en ligne fiable

  12. Eltonkep表示:

    kra27 ca – kraken com отзывы, kraken официальная ссылка

  13. Eltonkep表示:

    kraken официальный сайт – kraken onion, kraken ссылка зеркало

  14. WilsonVah表示:

    pharmacie en ligne livraison europe: vente de mГ©dicament en ligne – acheter mГ©dicament en ligne sans ordonnance

  15. Jacobbep表示:

    trouver un mГ©dicament en pharmacie http://tadalafilmeilleurprix.com/# pharmacie en ligne france livraison belgique

  16. Richardprurf表示:

    http://tadalafilmeilleurprix.com/# Achat mГ©dicament en ligne fiable
    pharmacies en ligne certifiГ©es

  17. Eltonkep表示:

    кракен сайт – kraken market ссылка, https kraken

  18. Richardprurf表示:

    https://viagrameilleurprix.shop/# Viagra sans ordonnance 24h suisse
    pharmacie en ligne france pas cher

  19. Eltonkep表示:

    kraken шоп – кракен зеркало, kraken ссылка зеркало

  20. NorbertKep表示:

    п»їpharmacie en ligne france: achat kamagra – pharmacies en ligne certifiГ©es

  21. very good publish, i definitely love this website, keep on it

  22. Eltonkep表示:

    kraken – kraken официальная ссылка, кракен онион

  23. NorbertKep表示:

    SildГ©nafil Teva 100 mg acheter: acheter du viagra – Viagra homme prix en pharmacie sans ordonnance

  24. Perryzoozy表示:

    Achat mГ©dicament en ligne fiable cialis prix acheter mГ©dicament en ligne sans ordonnance

  25. Jacobbep表示:

    pharmacie en ligne sans ordonnance https://pharmaciemeilleurprix.com/# pharmacie en ligne france pas cher

  26. WilsonVah表示:

    pharmacie en ligne avec ordonnance: Pharmacies en ligne certifiees – pharmacie en ligne fiable

  27. Предлагаем услуги профессиональных инженеров офицальной мастерской.
    Еслли вы искали срочный ремонт iphone 11, можете посмотреть на сайте: ремонт iphone 11
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  28. Eltonkep表示:

    кракен рутор – kraken отзывы, kraken москва адрес kraken

  29. Eltonkep表示:

    kraken официальная ссылка – кракен питер, кракен зеркала

發佈留言

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