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

gmaps 網站截圖
gmaps 網站截圖

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

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

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

範例打包下載

You may also like...

10,687 Responses

  1. Chung Artus表示:

    Hello! I know this is kind of off topic but I was wondering which blog platform are you using for this website? I’m getting sick and tired of WordPress because I’ve had problems with hackers and I’m looking at alternatives for another platform. I would be awesome if you could point me in the direction of a good platform.

  2. Good post. I learn something totally new and challenging on sites I stumbleupon everyday.
    It’s always useful to read articles from other writers and use
    a little something from other web sites.

  3. I was wondering if you ever considered changing the page layout
    of your blog? Its very well written; I love what youve got to say.
    But maybe you could a little more in the way of content so people could connect with it
    better. Youve got an awful lot of text for only having one or
    2 pictures. Maybe you could space it out better?

  4. hi!,I like your writing so a lot! percentage we be in contact extra about your article on AOL?
    I need an expert in this house to resolve my problem. Maybe that is you!

    Taking a look ahead to look you.

  5. Thank you for the auspicious writeup. It in reality used to be a entertainment account it.
    Glance advanced to far brought agreeable from you! By the way,
    how can we communicate?

發佈留言

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