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

gmaps 網站截圖
gmaps 網站截圖

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

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

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

範例打包下載

You may also like...

9,046 Responses

  1. mildmishio vk表示:

    Thanks for your helpful post. Over time, I have come to be able to understand that the particular symptoms of mesothelioma cancer are caused by the build up of fluid relating to the lining in the lung and the chest cavity. The condition may start while in the chest area and propagate to other body parts. Other symptoms of pleural mesothelioma include weight-loss, severe breathing in trouble, throwing up, difficulty ingesting, and inflammation of the face and neck areas. It ought to be noted that some people with the disease usually do not experience any kind of serious signs or symptoms at all.

  2. DanielTet表示:

    buy cytotec over the counter https://lipitor.guru/# lipitor generic canada
    lasix 100mg

  3. JamesJus表示:

    Как обратиться к нам за юридической консультацией?
    адвокат москва срочно
    Чтобы получить юридическую консультацию, с нами можно связаться онлайн или же по телефону. Мы подберём вам юриста, специализирующегося именно в той сфере законодательства, с которой связаны ваши проблемы. Это поможет быстро достичь нужного результата и, безусловно, будет лучшим выбором, если вам нужно незамедлительно получить юридические услуги.

    Бесплатная юридическая консультация по телефону может стать вашим спасением. Предоставленная нами консультация поможет вам сориентироваться в вопросе и решить, нужна ли вам дальнейшая помощь, которую может обеспечить Коллегия адвокатов № 1. После того как юридическая консультация по телефону будет проведена и проблемы будут чётко обозначены, наши юристы могут оказать вам и дальнейшие услуги — от оформления нужных документов до представления ваших интересов в зале суда.

  4. MathewCluth表示:

    Elon Musk’s X just sued a nonprofit advertising group out of existence
    бракоразводный адвокат
    A major ad industry group is shutting down, days after Elon Musk-owned X filed a lawsuit that claimed the group illegally conspired to boycott advertising on his platform.

    “GARM is a small, not-for-profit initiative, and recent allegations that unfortunately misconstrue its purpose and activities have caused a distraction and significantly drained its resources and finances,” the group said in a statement Friday. “GARM therefore is making the difficult decision to discontinue its activities.”

    The group, Global Alliance for Responsible Media, also known as GARM, is a voluntary ad-industry initiative run by the World Federation of Advertisers that aims to help brands avoid having their advertisements appear alongside illegal or harmful content. GARM confirmed it is still planning to defend itself in court.

    The end of GARM marks a temporary victory for Musk and X CEO Linda Yaccarino, even though a judge hasn’t made a ruling yet.

    “No small group should be able to monopolize what gets monetized. This is an important acknowledgement and a necessary step in the right direction. I am hopeful that it means ecosystem-wide reform is coming,” Yaccarino posted on X Thursday.

    However, the lawsuit could drive away even more advertisers from X, Nandini Jammi and Claire Atkin, founders of watchdog group Check My Ads Institute wrote in an op-ed Thursday. “Everyone can see that advertising on X is a treacherous business relationship for advertisers,” they said.

  5. DanielTet表示:

    buy cytotec pills online cheap http://tamoxifen.bid/# tamoxifen mechanism of action
    lasix tablet

  6. DanielTet表示:

    buy cytotec over the counter https://tamoxifen.bid/# how to prevent hair loss while on tamoxifen
    buy lasix online

  7. In this grand design of things you’ll secure an A for effort and hard work. Exactly where you actually lost me ended up being on your specifics. You know, as the maxim goes, the devil is in the details… And that couldn’t be much more correct at this point. Having said that, allow me reveal to you what exactly did do the job. Your authoring is actually highly convincing and this is possibly the reason why I am making an effort to opine. I do not make it a regular habit of doing that. 2nd, despite the fact that I can notice a jumps in reasoning you make, I am not really sure of exactly how you appear to unite the details which inturn produce your conclusion. For now I will yield to your position but hope in the future you connect the dots much better.

  8. Hi, everything is going perfectly here and ofcourse every
    one is sharing facts, that’s genuinely fine, keep up writing.

  9. Stephenzek表示:

    http://cytotec.pro/# Abortion pills online

  10. Stanleyinolf表示:

    furosemide 40 mg buy furosemide lasix for sale

  11. Jamesric表示:

    cytotec buy online usa: buy cytotec online – п»їcytotec pills online

  12. DanielTet表示:

    purchase cytotec http://lipitor.guru/# lipitor prices compare
    lasix 40 mg

  13. Jamesric表示:

    buy lipitor 40 mg: buy lipitor 20mg – lipitor no prescription

  14. Jamesric表示:

    lisinopril without prescription: cheap lisinopril – lisinopril 10mg tablet

  15. Stanleyinolf表示:

    buy lipitor 20mg buy lipitor 20mg lipitor generic atorvastatin

  16. Stephenzek表示:

    https://lisinopril.guru/# zestoretic 20 12.5

  17. DanielTet表示:

    Misoprostol 200 mg buy online https://furosemide.win/# buy lasix online
    lasix uses

  18. DanielTet表示:

    buy cytotec pills online cheap https://tamoxifen.bid/# nolvadex d
    furosemide 100 mg

  19. Stephenzek表示:

    https://furosemide.win/# lasix generic name

  20. Stanleyinolf表示:

    cytotec abortion pill cytotec best price cytotec online

  21. Stanleyinolf表示:

    can you buy lipitor over the counter buy lipitor 20mg lipitor generic australia

  22. Stephenzek表示:

    https://furosemide.win/# furosemida 40 mg

  23. Stephenzek表示:

    https://furosemide.win/# lasix for sale

  24. Jamesric表示:

    lisinopril 5mg prices: Lisinopril online prescription – cost for 20 mg lisinopril

  25. The crux of your writing while sounding agreeable at first, did not really work well with me personally after some time. Someplace within the sentences you managed to make me a believer unfortunately only for a while. I however have a problem with your leaps in logic and one would do nicely to help fill in those gaps. In the event that you actually can accomplish that, I will surely be impressed.

  26. Jamesric表示:

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

發佈留言

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