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

gmaps 網站截圖
gmaps 網站截圖

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

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

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

範例打包下載

You may also like...

10,307 Responses

  1. Qgpswx表示:

    generic fluconazole sildenafil 200mg sildenafil 100mg brand

  2. Lesliepisn表示:

    bovada online casino
    online casino no deposit welcome bonus
    best casino bonuses

  3. Greate article. Keep posting such kind of information on your blog.
    Im really impressed by your blog.
    Hi there, You’ve done an excellent job. I will definitely digg it and in my view suggest to my friends.
    I am sure they will be benefited from this site.

    My web-site เครื่องย่อยเศษอาหาร

  4. Vthsfm表示:

    order zofran generic cheap finasteride 5mg

  5. Treating Demdntia Issues οf Elderly People ѡith How To Explain CBD To Your Parents Oil

  6. Bobbiepisn表示:

    no deposit bonus
    online usa casino
    free sign up bonus online casino

  7. Jckszo表示:

    order zantac 300mg online cheap zantac online order cost tamsulosin

  8. Pearlpisn表示:

    casino bonus no deposit
    blackjack real money
    casino signup bonus

  9. I blog frequently and I genuinely appreciate your information.
    Your article has really peaked my interest. I’m going to book mark your site and
    keep checking for new details about once a week. I opted
    in for your RSS feed too.

  10. Wfbqpq表示:

    order tadalafil 20mg generic purchase avodart for sale purchase dutasteride sale

  11. Frannipisn表示:

    no deposit online casino bonus
    casino online real money
    best mobile casinos

  12. Market #marketalıiverişi #indirim #indirimdenneleralınır #indirimliürünler #bim #a101 #şok
    #carfursa #migros #ev #evvlog #günlükvlog #vlog #vlogger.

  13. Laureenpisn表示:

    free online games to win real money no deposit
    real money online casinos
    online casino best welcome bonus

  14. Khxefh表示:

    buy esomeprazole generic cialis 20mg generic female cialis tadalafil

  15. Sağlık Bakanlığı Referans Bazlı Fiyat Listesi verilerinden derlediğimiz İlaç Fiyatları
    sistemimizde tarihinde güncellenmiştir. YENİ İLAÇ FİYATLARI Yukarıdaki listede en çok
    aranan ilaçlardan seçtiklerimizin listesi yer almaktadır.

  16. Paragraph writing is also a excitement, if you
    be acquainted with afterward you can write or else it is complicated to write.

  17. Dixiepisn表示:

    free sign up bonus no deposit casino
    best welcome bonus casino
    bonus casino

  18. Henüz üye değil misiniz?. Firmanı İnternetde Tanıt; Ürün Al Ürün Sat; Talepleri Gör; Talep
    Sahibine Ulaş; Ve daha neler neler! Üyelik Paketlerine Gözat; Hemen Firmanı Ekle!

  19. Bulmacada ‘Mutfak Eşyalarının Genel Adı’ nedir sorusunun cevabı: Kare ve çengel bulmacada sorulan ‘Mutfak
    Eşyalarının Genel Adı’ sorusunun yanıtı 8 harflidir ve cevaba ise Kap.

  20. Tmixol表示:

    sildenafil overnight shipping buy estrace 1mg online cheap order losartan 25mg without prescription

  21. Verenapisn表示:

    best mobile casino
    bester online casino bonus
    best casinos online

  22. Hestiapisn表示:

    tips for dissertation writing
    dissertation
    help with dissertation proposal

  23. Shaylapisn表示:

    online casino real money usa
    best online casino to win money
    deposit bonus casino

  24. Audrepisn表示:

    getting help online
    define dissertation
    dissertation help service general

  25. Jqrkzr表示:

    buy isotretinoin 20mg generic sildenafil price order generic sildenafil

  26. I read this paragraph completely concerning the difference of hottest and earlier technologies,
    it’s remarkable article.

  27. Abagaelpisn表示:

    online casino bonuses
    gambling bonuses
    win money online

  28. Herminapisn表示:

    research writing services
    dissertation topics
    dissertation

  29. Pqvgrk表示:

    viagra pill tadalafil canada order deltasone 10mg pill

發佈留言

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