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

gmaps 網站截圖
gmaps 網站截圖

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

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

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

範例打包下載

You may also like...

14,930 Responses

  1. DanielZek表示:

    http://kamapharm.com/# Kama Pharm
    Kamagra tablets

  2. AlbertNer表示:

    https://kamapharm.shop/# super kamagra
    how to buy prednisone

  3. Nasosy_jiPl表示:

    купить насос для скважины купить насос для скважины .

  4. Nasosy_qfPl表示:

    насос для воды https://nasosy-msk.ru/ .

  5. AlbertNer表示:

    http://dappharm.com/# Priligy tablets
    prednisone 0.5 mg

  6. Brianlit表示:

    Sema Pharm 24 Sema Pharm 24 buy rybelsus online

  7. Waltererync表示:

    buy cytotec online: buy cytotec online – buy cytotec over the counter

  8. DanielZek表示:

    https://cytpharm.shop/# Cyt Pharm
    п»їkamagra

  9. Waltererync表示:

    prednisone 10mg: PredPharm – Pred Pharm

  10. DanielZek表示:

    http://dappharm.com/# buy dapoxetine online
    buy kamagra online usa

  11. AlbertNer表示:

    https://cytpharm.shop/# buy cytotec online
    order prednisone 100g online without prescription

  12. Brianlit表示:

    Kama Pharm Kama Pharm Kama Pharm

  13. Waltererync表示:

    semaglutide best price: rybelsus semaglutide tablets – semaglutide tablets store

  14. Finserve Africa Limited – Nairobi, Kenya – 100 Shareholding – A mobile virtual network operator (MVNO) in the Kenya.

  15. DanielZek表示:

    http://predpharm.com/# prednisone without prescription medication
    Kamagra 100mg price

  16. Kingvoz表示:

    Nowadays, it is rare to find such an honest and open view of existing problems https://mihdd.alexey-petrovich-sitnikov.ru/id-5649.html

  17. ed悩み表示:

    Jovial Events have successfully executed quite a few and huge occasions till the date.

  18. The more quickly an asset is converted into money the more liquid it is said to be.

  19. Antonioamorb表示:

    Why expanding the College Football Playoff worked – and what still needs to be fixed
    гей порно парни
    Now that it’s all over and the Ohio State Buckeyes are the college football national champions, it can be definitively said: expanding the College Football Playoff worked.

    The grand experiment to allow more teams to play for the national championship wasn’t perfect, but it ended up where it was supposed to: a worthy national champion with exciting, close games in the later rounds when the best teams faced one another. It gave us awesome scenes on campuses around the nation, created new legends and showed how a sport so steeped in tradition can evolve when faced with new demands from its fans and business partners.

    Here are four reasons why the new version of the College Football Playoff worked – and the areas that can still be fixed.

    The committee picked the right teams, even if some games were blowouts
    Before the games kicked off in December, much of the focus was put on the inclusion of Southern Methodist University (SMU) and Indiana University – two teams that won a bunch of games but didn’t have the brand recognition of schools like Alabama, South Carolina and Ole Miss.

    Here’s what else those teams had that SMU and Indiana didn’t: three losses.

    The Hoosiers lost only once in the regular season – to eventual national champion Ohio State. The Mustangs had lost twice, once to Brigham Young University and again in the ACC championship game to Clemson.

    In the first year of the expanded, 12-team playoff, could the committee really leave out a major conference team with 11 wins and punish another one for playing for a conference championship while other teams sat at home? Warde Manuel, the University of Michigan athletic director who served as chair of the committee, said they could not.

發佈回覆給「EdwardUnash」的留言 取消回覆

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