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

gmaps 網站截圖
gmaps 網站截圖

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

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

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

範例打包下載

You may also like...

10,701 Responses

  1. Excellent post. I was checking constantly this weblog and I’m impressed!
    Extremely helpful info specially the ultimate
    section 🙂 I take care of such information much.
    I was looking for this particular information for a long time.
    Thank you and good luck.

  2. Today, I went to the beach front with my kids. I found a sea shell and gave it to my 4 year old daughter and said “You can hear the ocean if you put this to your ear.”
    She put the shell to her ear and screamed. There was a hermit crab inside and it pinched her ear.
    She never wants to go back! LoL I know this is totally
    off topic but I had to tell someone!

  3. shirt dress表示:

    I’ve been surfing online more than 2 hours today, yet I never found
    any interesting article like yours. It is pretty
    worth enough for me. In my view, if all site owners and bloggers made good content
    as you did, the internet will be a lot more useful than ever before.

  4. جهت مشاوره کسب و کار ، مشاوره فروش ، مشاوره بازاریابی ، مشا.وره
    افزایش درآمد و … از سایت ما بازدید نمایید

  5. Your style is unique in comparison to other people I have read stuff from.
    Many thanks for posting when you have the opportunity, Guess I will just book mark this page.

  6. 李妹表示:

    老師你跑哪裡去了?想繼續上你的課….

發佈留言

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