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

gmaps 網站截圖
gmaps 網站截圖

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

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

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

範例打包下載

You may also like...

10,307 Responses

  1. Can I simply just say what a relief to discover somebody that really understands what they’re talking about online.

    You definitely know how to bring a problem to light and make it important.
    A lot more people need to read this and understand this side of
    your story. I was surprised that you’re not more popular given that you surely
    have the gift.

  2. Jenneepisn表示:

    best free vpn cnet
    cloud vpn free and unlimited
    opera free vpn

  3. Cnhbhj表示:

    order flagyl 400mg generic order cephalexin 250mg generic glucophage ca

  4. Dulceapisn表示:

    online casino free spins
    best usa online casinos
    online casinos no deposits

  5. Latisha表示:

    Fine way of telling, and fastidious article to get information concerning my presentation subject,
    which i am going to present in university.

  6. Jenneepisn表示:

    best canada vpn
    where can i buy a vpn
    free vpn for kodi

  7. Marrileepisn表示:

    vpn reviews
    proton vpn free
    free vpn into china

  8. Fvhard表示:

    azithromycin for sale online order azithromycin 250mg pill buy metformin 1000mg online

  9. Jaynellpisn表示:

    free no deposit casino
    online casino usa
    best online us casinos

  10. Teddiepisn表示:

    turbo vpn download
    cyber ghost vpn
    best vpn for gaming free

  11. Trudiepisn表示:

    win real money online casino
    casino win real money
    mobile casino games

  12. Dcjofo表示:

    cheap generic cialis purchase tadalafil without prescription sildenafil 50mg ca

  13. Honorpisn表示:

    free vpn apk
    free mac vpn
    download vpn

  14. Why viewers still use to read news papers when in this technological globe
    the whole thing is existing on net?

  15. I loved as much as you will receive carried out right here.
    The sketch is tasteful, your authored subject matter stylish.

    nonetheless, you command get got an nervousness over that you wish be delivering the following.
    unwell unquestionably come more formerly again as exactly
    the same nearly a lot often inside case you shield this increase.

  16. Link exchange is nothing else except it is only placing the other person’s website link on your page at proper place
    and other person will also do similar for you.

發佈留言

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