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

gmaps 網站截圖
gmaps 網站截圖

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

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

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

範例打包下載

You may also like...

14,837 Responses

  1. This type of fatigue can strike anyone who is trying to be more conscientious about limiting unnecessary purchases.

  2. Mirrorzcv表示:

    How good it is that there are people who are able to so clearly express what many feel https://yhnmu.alexey-petrovich-sitnikov.ru/id-1068.html

  3. AlbertNer表示:

    http://predpharm.com/# generic prednisone 10mg
    prednisone 20mg price

  4. Waltererync表示:

    semaglutide tablets price: SemaPharm24 – Sema Pharm 24

  5. Brianlit表示:

    how much is prednisone 10 mg Pred Pharm PredPharm

  6. AlbertNer表示:

    https://kamapharm.com/# cheap kamagra
    prednisone 475

  7. DanielZek表示:

    https://dappharm.com/# buy priligy
    Kamagra 100mg price

  8. 65 95 confidence interval CI, 0 where to buy augmentin in singapore Maybe I should be looking for a new dr

  9. A Facebook enterprise web page is not something you possibly can simply turn on and walk away from — not in order for you any constructive outcomes.

  10. 50代 金融表示:

    Burial will comply with in Centenary Cemetery.

  11. LarryLog表示:

    rybelsus semaglutide tablets: generic rybelsus tabs – rybelsus semaglutide tablets

  12. Waltererync表示:

    Pred Pharm: PredPharm – Pred Pharm

  13. In this case, recovered bushes that were being killed anyway are used to create brand-new wooden floors.

  14. DanielZek表示:

    https://kamapharm.shop/# Kama Pharm
    п»їkamagra

  15. AlbertNer表示:

    https://kamapharm.shop/# Kama Pharm
    how much is prednisone 10mg

  16. Brianlit表示:

    Pred Pharm brand prednisone Pred Pharm

  17. Briantuh表示:

    Фильмы новинки, которые уже вышли или выйдут совсем скоро онлайн бесплатно и в хорошем качестве. Будьте первыми зрителями наиболее выдающихся кинокартин

    https://filmy-2025.cc/

  18. AlbertNer表示:

    https://predpharm.shop/# Pred Pharm
    prednisone prescription drug

  19. Waltererync表示:

    best pharmacy prednisone: Pred Pharm – prednisone prescription for sale

  20. DanielZek表示:

    https://predpharm.shop/# prednisone brand name
    Kamagra 100mg price

  21. Hi, I do think this is a great web site. I stumbledupon it ;
    ) I am going to come back yet again since I book-marked it.
    Money and freedom is the greatest way to change, may you be rich and continue to guide others.

  22. Waltererync表示:

    prednisone buy canada: canada buy prednisone online – online prednisone

  23. AlbertNer表示:

    https://semapharm24.com/# rybelsus semaglutide tablets
    prednisone 40 mg daily

  24. DanielZek表示:

    https://dappharm.shop/# dap pharm
    buy kamagra online usa

  25. Brianlit表示:

    cytotec buy online usa buy cytotec online cytotec pills buy online

  26. AlbertNer表示:

    https://cytpharm.shop/# п»їcytotec pills online
    20 mg of prednisone

發佈留言

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