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

gmaps 網站截圖
gmaps 網站截圖

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

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

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

範例打包下載

You may also like...

10,290 Responses

  1. Jamesruigo表示:

    https://mexicanpharma.icu/# mexico drug stores pharmacies

  2. RobertWAisa表示:

    maple leaf pharmacy in canada best canadian pharmacy to buy from precription drugs from canada

  3. Сервисный центр предлагает срочный ремонт посудомоечной машины dexp срочный ремонт посудомоечных машин dexp

  4. Jamesruigo表示:

    https://canadapharma.shop/# canadianpharmacy com

  5. RobertWAisa表示:

    mexican pharmaceuticals online mexican drugstore online mexican drugstore online

  6. Jamesruigo表示:

    https://indiadrugs.pro/# indian pharmacies safe

  7. RobertWAisa表示:

    best rated canadian pharmacy Online medication home delivery legit canadian online pharmacy

  8. RobertWAisa表示:

    indian pharmacy online Indian pharmacy international shipping best online pharmacy india

  9. RogerTut表示:

    reputable indian pharmacies: Online medication home delivery – indian pharmacy paypal

  10. Jamesruigo表示:

    http://mexicanpharma.icu/# mexico drug stores pharmacies

  11. Jamesruigo表示:

    https://indiadrugs.pro/# cheapest online pharmacy india

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

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

  14. Jamesruigo表示:

    https://indiadrugs.pro/# cheapest online pharmacy india

  15. RogerTut表示:

    cheapest online pharmacy india: Online medication home delivery – best online pharmacy india

  16. Timothystoft表示:

    top online pharmacy india: Indian pharmacy international shipping – Online medicine home delivery

  17. RogerTut表示:

    safe canadian pharmacies: buy prescription drugs from canada cheap – canadian pharmacy

  18. RogerTut表示:

    canadian online drugstore: Online medication home delivery – canadian drugs online

  19. Obfnkc表示:

    accutane 20mg canada – buy deltasone 40mg generic buy deltasone sale

  20. Jamesruigo表示:

    https://indiadrugs.pro/# indian pharmacy

  21. Timothystoft表示:

    india pharmacy: Indian pharmacy international shipping – buy medicines online in india

  22. fcwimmjcd表示:

    Seppuku. Cappuccino. Toledo. Mother teresa. Endocrine. Canceled or cancelled. Bora bora. Carol kane. https://bit.ly/nevskiy-6-sezon-7-sezon-nevskiy-serial

  23. RobertWAisa表示:

    indian pharmacy online Indian pharmacy mail order pharmacy india

  24. RobertWAisa表示:

    online canadian pharmacy review Canadian Pharmacy canadian pharmacy in canada

  25. Профессиональный сервисный центр по ремонту планшетов в том числе Apple iPad.
    Мы предлагаем: сервисные центры айпад
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  26. RogerTut表示:

    п»їbest mexican online pharmacies: mexican pharmacy – purple pharmacy mexico price list

  27. Timothystoft表示:

    buy prescription drugs from india: Online medication home delivery – best online pharmacy india

  28. Jamesruigo表示:

    http://mexicanpharma.icu/# buying prescription drugs in mexico

  29. RobertWAisa表示:

    top 10 pharmacies in india Online medicine order top 10 online pharmacy in india

  30. Jamesruigo表示:

    https://canadapharma.shop/# canadian pharmacy king reviews

發佈留言

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