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

gmaps 網站截圖
gmaps 網站截圖

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

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

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

範例打包下載

You may also like...

10,296 Responses

  1. RobertWAisa表示:

    purple pharmacy mexico price list mexican drugstore online mexican pharmaceuticals online

  2. JosephFam表示:

    ventolin over the counter: ventolin buy – where to buy ventolin

  3. JosephWrela表示:

    lasix tablet: buy furosemide – generic lasix

  4. Davidmer表示:

    ventolin 4mg tablet: Ventolin inhaler – ventolin 2.5 mg

  5. This will be a great blog, will you be involved in doing an interview regarding how you designed it? If so e-mail me!

  6. hfikeogis表示:

    My left foot. The great gatsby. St martin. Sophomore. Bloomfield. Ed asner. Eng. Half baked. Earthquakes. https://2480.g-u.su/

  7. I every time emailed this web site post page to all my
    friends, as if like to read it then my contacts will too.

    my web page: the money wave free

  8. Wow, this article is pleasant, my sister is analyzing these
    things, so I am going to convey her.

    Visit my page – the ansoff growth matrix

  9. JosephFam表示:

    buy semaglutide online: rybelsus cost – buy rybelsus

  10. rcycrsrrm表示:

    Valencia spain. South africa. Alum. Yotube. Guru. Card games. Prolific definition. https://2480.g-u.su/

  11. Davidmer表示:

    ventolin brand name: Ventolin inhaler best price – no prescription ventolin

  12. Профессиональный сервисный центр по ремонту бытовой техники с выездом на дом.
    Мы предлагаем: сервис центры бытовой техники тюмень
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  13. Sergiohex表示:

    https://prednisolone.pro/# prednisone 5mg over the counter

  14. Davidmer表示:

    cheap Rybelsus 14 mg: semaglutide – Buy compounded semaglutide online

  15. Davidmer表示:

    neurontin 200: neurontin brand name 800 mg – neurontin 600 mg capsule

  16. Sergiohex表示:

    http://rybelsus.tech/# cheap Rybelsus 14 mg

  17. fknoaaznu表示:

    Top. Manage. Effective synonym. Nevertheless. The office cast. Idealist. Munch. Cozumel mexico. Adventures in odyssey. https://2480.g-u.su/

  18. JosephFam表示:

    Rybelsus 7mg: cheap Rybelsus 14 mg – semaglutide

  19. JosephFam表示:

    india buy prednisone online: prednisone otc price – how can i get prednisone online without a prescription

  20. JosephWrela表示:

    lasix furosemide 40 mg: furosemide online – furosemide 40 mg

  21. Hey There. I found your blog using msn. This is a very well written article. I will be sure to bookmark it and come back to read more of your useful info. Thanks for the post. I?ll certainly comeback.

  22. JosephWrela表示:

    neurontin 300: neurontin oral – neurontin cream

  23. grgvkzlta表示:

    Weary. Auburn. Itinerary. Malice. Underdog. Yam. Mazatlan. College of charleston. https://2480.g-u.su/

  24. Профессиональный сервисный центр по ремонту компьютеров и ноутбуков в Москве.
    Мы предлагаем: ремонт ноутбука macbook pro
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  25. JosephFam表示:

    gabapentin 300: buy brand neurontin – can i buy neurontin over the counter

  26. Sergiohex表示:

    https://furosemide.men/# furosemide 100mg

  27. JosephWrela表示:

    can i buy ventolin online: ventolin 2mg – ventolin generic price

  28. Davidmer表示:

    lasix side effects: buy furosemide – lasix 40 mg

  29. Sergiohex表示:

    https://gabapentin.site/# neurontin 150mg

  30. seasonvar表示:

    Cenotes. Jamaica. Richard jenkins. Rush limbaugh. Australian shepherd. Cn tower. March 21. Sea lion. https://20242025.g-u.su/

發佈留言

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