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

gmaps 網站截圖
gmaps 網站截圖

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

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

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

範例打包下載

You may also like...

10,291 Responses

  1. Alvinimave表示:

    Amazing quite a lot of useful info.
    college essay thesis how to write an intro paragraph for an essay custom thesis writing

  2. Brucetoush表示:

    Valuable knowledge. Kudos.
    prescription cost pharmacy prices online pharmacy no prescription

  3. Alvinimave表示:

    Amazing many of awesome tips.
    community service essay how to write essays best custom writing website

  4. Alvinimave表示:

    Thanks a lot, Great information.
    essay writing site writing my essay writing custom

  5. Alvinimave表示:

    With thanks, Wonderful information.
    how to write an admission essay writing my essay best writing service

  6. Wendelldub表示:

    You made your position very nicely.!
    online canadian discount pharmacy canadian pharmacy online viagra pharmeasy

  7. Brucetoush表示:

    With thanks. Useful information.
    cialis online pharmacy walmart pharmacy price check navarro pharmacy miami

  8. Mavispisn表示:

    meet singles for free
    fdating 100 free dating site free
    absolutely free dating sites no fees ever

  9. Cuxgws表示:

    order generic zovirax 800mg buy avlosulfon online perindopril 8mg for sale

  10. Alvinimave表示:

    Thanks! Helpful stuff!
    online essay writers best college essay writing service dissertation writers

  11. Alvinimave表示:

    Whoa a lot of great advice.
    does money buy happiness essay essay writer best thesis writing services

  12. Alvinimave表示:

    Kudos, Lots of knowledge!
    gre essay writing https://homeworkcourseworkhelps.com/ professional writing services

  13. Wendelldub表示:

    With thanks! I enjoy it!
    canadian prescriptions canadian pharmacy reviews no prescription pharmacy

  14. Brucetoush表示:

    Effectively voiced genuinely! !
    canadian pharmacy meds price prescription drugs national pharmacies

  15. Alvinimave表示:

    Terrific facts. Many thanks!
    essay homework help learning how to write an essay speech writing services online

  16. Alvinimave表示:

    You actually said this really well.
    how can i write a good essay https://freshapps.space/ professional writing help

  17. Wendelldub表示:

    Perfectly expressed really! .
    online pharmacies of canada canadian pharcharmy online canada meds

  18. Brucetoush表示:

    This is nicely expressed! !
    best canadian online pharmacies canadian pharcharmy canadian pharmacy viagra

  19. Alvinimave表示:

    Really a lot of good data!
    expert essay writers essay typer executive resume writers nyc

  20. liderty表示:

    fighting tamoxifen fatigue Nothing is more important to us than guest satisfaction and we pride ourselves on our enthusiastic and knowledgeable staff.

  21. Alvinimave表示:

    You suggested this perfectly.
    how to write a narrative essay introduction how to write an argument essay essay writing service online

  22. Alvinimave表示:

    You’ve made your point!
    help writing my college essay best college essay how to cite a website in an essay

  23. Alvinimave表示:

    Whoa quite a lot of wonderful knowledge.
    argumentative essay about college steps on writing an essay essay writing service recommendation

  24. Brucetoush表示:

    Cheers. Good information.
    canada pharmacy no prescription walgreens online pharmacy pharmacy drug store

發佈留言

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