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

gmaps 網站截圖
gmaps 網站截圖

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

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

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

範例打包下載

You may also like...

14,731 Responses

  1. TerryDus表示:

    https://generic100mgeasy.shop/# Sildenafil Citrate Tablets 100mg

  2. GregoryJough表示:

    Tadalafil Easy Buy: TadalafilEasyBuy.com – Tadalafil Easy Buy

  3. AdrianCet表示:

    в этом разделе магазин мега мориарти

  4. Kennethslity表示:

    https://kamagrakopen.pro/# Officiele Kamagra van Nederland

  5. AdrianCet表示:

    перенаправляется сюда мега мориарти

  6. WilliamNop表示:

    Tadalafil Easy Buy: TadalafilEasyBuy.com – Cialis 20mg price in USA

  7. Hey very nice website!! Man .. Beautiful .. Amazing .. I’ll bookmark your website and take the feeds also?I am happy to find so many useful information here in the post, we need work out more techniques in this regard, thanks for sharing. . . . . .

  8. Hiya very cool website!! Guy .. Excellent .. Wonderful .. I’ll bookmark your web site and take the feeds additionally…I’m satisfied to find numerous useful information here in the publish, we need develop more techniques on this regard, thanks for sharing. . . . . .

  9. SODO66表示:

    I found your blog through google and I must say, this is probably one of the best well prepared articles I have come across in a long time. I have bookmarked your site for more posts.

  10. SODO表示:

    I’ve thought about posting something about this before. Good job! Can I use part of your post in my blog?

  11. GregoryJough表示:

    Tadalafil Easy Buy: Tadalafil Easy Buy – cialis without a doctor prescription

  12. Hey There. I found your blog using msn. This is a very smartly written article. I will make sure to bookmark it and return to learn more of your helpful info. Thanks for the post. I will certainly return.

  13. Kennethslity表示:

    https://tadalafileasybuy.com/# TadalafilEasyBuy.com

  14. TerryDus表示:

    https://kamagrakopen.pro/# kamagra 100mg kopen

  15. Thailandelite表示:

    I don’t even understand how I ended up right here, however I believed this post was good. I do not know who you are but definitely you are going to a well-known blogger should you aren’t already 😉 Cheers!

  16. AdrianCet表示:

    этот сайт мега ссылка

  17. GregoryJough表示:

    buy generic 100mg viagra online: Generic 100mg Easy – sildenafil 50 mg price

  18. Bobbyaneno表示:

    нажмите здесь магазин мега мориарти

  19. AdrianCet表示:

    нажмите mega мориарти

  20. Kennethslity表示:

    http://tadalafileasybuy.com/# cialis without a doctor prescription

  21. TerryDus表示:

    https://tadalafileasybuy.com/# cialis without a doctor prescription

  22. Bobbyaneno表示:

    сюда mega мориарти

  23. Bobbyaneno表示:

    Следующая страница мега мориарти

  24. Bobbyaneno表示:

    опубликовано здесь мега ссылка

  25. WilliamNop表示:

    kamagra pillen kopen: kamagra pillen kopen – Kamagra

  26. AdrianCet表示:

    нажмите здесь мега даркнет

  27. AdrianCet表示:

    Читать далее mega зеркала

  28. Bobbyaneno表示:

    опубликовано здесь mega мориарти

發佈留言

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