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

gmaps 網站截圖
gmaps 網站截圖

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

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

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

範例打包下載

You may also like...

10,348 Responses

  1. And for the love of Platinum-Level alumni donors, don’t let the again of that dorm-room door go to waste — it’s prime territory for hanging hoodies, jackets and even heavy coats proper where they’re most handy.

  2. As economies develop, they require elevated transportation, which in turn requires extra gas and better demand for oil.S.

  3. If you’ve got been laid off, you could also be able to gather unemployment advantages and severance payments at the same time if you are taking academic courses.

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

  5. Loads of high-shelf pores and skin care merchandise promise to eradicate wrinkles and eternally preserve that treasured youthful glow — for a worth.

  6. Place an Alexandrite crystal in a jar of water underneath the moonlight.

  7. It is best to continue to keep an eye on your home and your policy.

  8. SamuelBix表示:

    can i buy clomid without prescription: can i purchase cheap clomid – how to buy clomid no prescription

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

  10. Some even volunteered to help promote Saturns on their days off.

  11. You ask about something, and it turns out that every little thing is ok.

  12. The watch additionally should have a luminous tip on the second hand, so that it can be seen even at the hours of darkness ocean depths, and continue to function when uncovered to salt water and to the presence of a magnetic discipline.

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

  14. The gothic type attracts inspiration from various eras, such as the Victorian era, and incorporates parts which have stood the test of time.

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

  16. KennethPah表示:

    prednisone 475 prednisone 30 mg coupon buy prednisone 10mg online

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

  18. Discover the elegance of Sobha Siniya Island, a luxurious destination in Umm Al Quwain offering world-class living surrounded by breathtaking natural beauty.

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

  20. DanielAbice表示:

    http://clomidonpharm.com/# generic clomid online

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

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

  23. SamuelBix表示:

    can i order generic clomid for sale: clomidonpharm – get cheap clomid without dr prescription

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

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

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

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

  28. RobertJar表示:

    buy amoxicillin 500mg uk: AmoxStar – can you buy amoxicillin over the counter in canada

  29. Somebody necessarily help to make significantly posts I would state. This is the very first time I frequented your web page and up to now? I surprised with the research you made to make this actual publish amazing. Fantastic activity!

  30. KennethPah表示:

    buy cipro online canada CiPharmDelivery buy cipro online canada

發佈留言

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