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

gmaps 網站截圖
gmaps 網站截圖

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

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

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

範例打包下載

You may also like...

10,757 Responses

  1. Normannub表示:

    https://clomidpharm.shop/# buy clomid tablets

  2. Brentiodic表示:

    can i buy generic clomid without insurance how to get clomid no prescription buying clomid prices

  3. LarryThype表示:

    The ambiance of the pharmacy is calming and pleasant http://clomidpharm.shop/# clomid generics

  4. AnthonyToona表示:

    https://prednisonepharm.store/# cost of prednisone tablets

  5. Frankviony表示:

    where to buy zithromax in canada: zithromax order online uk – average cost of generic zithromax

  6. LarryThype表示:

    Always leaving this place satisfied http://cytotec.directory/# cytotec pills buy online

  7. Normannub表示:

    https://cytotec.directory/# Cytotec 200mcg price

  8. LarryThype表示:

    Setting global standards in pharmaceutical care http://zithromaxpharm.online/# buy zithromax without presc

  9. Frankviony表示:

    generic prednisone 10mg: prednisone brand name in india – prednisone 10mg

  10. Normannub表示:

    https://nolvadex.pro/# benefits of tamoxifen

  11. AnthonyToona表示:

    http://nolvadex.pro/# tamoxifen dosage

  12. Drnfxh表示:

    order azithromycin online cheap azithromycin 250mg oral order azipro 250mg without prescription

  13. LarryThype表示:

    Their prices are unbeatable https://clomidpharm.shop/# where buy generic clomid price

  14. LarryThype表示:

    They’re globally connected, ensuring the best patient care http://cytotec.directory/# cytotec online

  15. Normannub表示:

    https://cytotec.directory/# buy cytotec online

  16. Normannub表示:

    https://zithromaxpharm.online/# zithromax 500mg price

  17. Frankviony表示:

    where buy generic clomid prices: how to buy generic clomid – where buy clomid without dr prescription

  18. sitemap.xml表示:

    I have tto thannk you foor thhe efforts yoou have put in witing
    this blog. I aam hoing to viuew the ssame high-grade content bby you iin the future as well.
    In truth, your ceative writing abklities has inspired mme
    to get mmy own, personal site noow 😉

  19. LarryThype表示:

    Hassle-free prescription transfers every time https://prednisonepharm.store/# best pharmacy prednisone

  20. LarryThype表示:

    Their adherence to safety protocols is commendable http://prednisonepharm.store/# prednisone 10mg tablet price

  21. Normannub表示:

    http://cytotec.directory/# buy cytotec over the counter

  22. Normannub表示:

    http://cytotec.directory/# п»їcytotec pills online

  23. Brentiodic表示:

    zithromax tablets for sale zithromax for sale 500 mg where can i get zithromax

  24. Brentiodic表示:

    where can i get generic clomid without rx how to get cheap clomid without insurance clomid without prescription

  25. Frankviony表示:

    nolvadex 20mg: tamoxifen dosage – nolvadex half life

  26. Отличный сайт! Всем рекомендую! Только тут Вы можете приобрестичехол книжка для телефона

  27. LarryThype表示:

    I’ve never had to wait long for a prescription here http://cytotec.directory/# Abortion pills online

  28. LarryThype表示:

    An excellent choice for all pharmaceutical needs https://nolvadex.pro/# nolvadex gynecomastia

  29. AnthonyToona表示:

    https://cytotec.directory/# cytotec pills buy online

  30. Normannub表示:

    http://prednisonepharm.store/# buy prednisone 5mg canada

發佈留言

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