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

gmaps 網站截圖
gmaps 網站截圖

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

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

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

範例打包下載

You may also like...

4,613 Responses

  1. Wendelldub表示:

    Kudos, Fantastic information!
    canada pharmacy online no script canadian viagra generic pharmacy price pro pharmacy canada

  2. Alvinimave表示:

    Kudos. Loads of posts!
    how to write a good scholarship essay college essays resume writing services

  3. Nanicepisn表示:

    write my college essay me
    custom essay org
    legitimate essay writing services

  4. Brucetoush表示:

    You have made your point.
    online pharmacy viagra canada pharmacy online no script canadian pharcharmy online fda approved

  5. Alvinimave表示:

    Helpful facts. Thanks.
    custom essay writing service toronto https://topswritingservices.com/ personal statement writing service london

  6. Xgfdzn表示:

    prograf 5mg canada ropinirole 2mg over the counter order fenofibrate 160mg

  7. Alvinimave表示:

    Great advice. Thanks a lot!
    college essay writer https://freshapps.space/ custom writing services reviews

  8. Alvinimave表示:

    Good postings, Regards!
    how to write a good transfer essay definition essay help content writing services usa

  9. Wendelldub表示:

    Fantastic write ups. Many thanks!
    canadian pharmacy meds rx online compare rx prices

  10. Brucetoush表示:

    Nicely put. Many thanks!
    buy drugs online walmart pharmacy online online medicine tablets shopping

  11. Charitapisn表示:

    my custom essay
    please write my essay
    writing an essay help

  12. Alvinimave表示:

    You said that fantastically.
    writing the perfect essay websites to type essays professional writing services

  13. HaroldNails表示:

    Что такое гибкие кабели?
    Самый простой кабель – это одножильный провод с пластиковой оболочкой.
    Он может гнуться и сохраняет этот изгиб – если вы не делаете это слишком часто, потому что иначе провод ломается.
    Такие простые кабели используются в домашних установках.
    После установки кабель остается нетронутым в течение десятилетий.
    Такие твердые провода не подходят для многих других применений, где кабели должны быть гибкими и эластичными.
    Здесь проводники в жилах состоят из нитей – пучков тонких проволок, которые можно сгибать миллионы раз, в зависимости от конструкции, не ломая и не теряя свойств тока или передачи данных.
    Одно из самых неприятных мест для кабеля – тяговая цепь. Здесь кабели питания, сервопривода и передачи данных расположены близко друг к другу и перемещаются вперед-назад по мере работы машины.
    Иногда со скоростью более пяти метров в секунду с ускорением, превышающим ускорение силы тяжести более чем в пять раз.
    Кабели проложены в тяговой цепи таким образом, что они изгибаются только в одном направлении.
    КГ 1х120

  14. Alvinimave表示:

    With thanks. Good information!
    writing a grad school essay essay college scholarships technical writing service

  15. Alvinimave表示:

    Truly many of very good tips!
    how to write a analysis essay https://flowleadsua.com/ professional writing company

  16. Wendelldub表示:

    This is nicely said! !
    online pharmacy school cheap canadian drugs canadian pharmacies

  17. Brucetoush表示:

    Useful forum posts. With thanks!
    online pharmacy without scripts aarp approved canadian online pharmacies canadian mail order pharmacies

  18. Alvinimave表示:

    Fantastic write ups. Many thanks.
    writing an essay introduction essay writing services custom writing tips

  19. Alvinimave表示:

    Wonderful forum posts. Thanks!
    how to write an admissions essay writing an essay for college writing homework help

  20. Alvinimave表示:

    Really plenty of amazing information!
    best essay editing service writing my essay ghostwriter services

  21. Fclhtc表示:

    irbesartan 150mg without prescription pepcid 40mg pills order pepcid 40mg online cheap

  22. Charitapisn表示:

    urgent custom essays
    essay writer funny
    tok essay help

  23. Wendelldub表示:

    Awesome stuff. Regards.
    canadian pharmacies that are legit buy online prescription drugs pharmeasy

發佈留言

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