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

gmaps 網站截圖
gmaps 網站截圖

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

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

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

範例打包下載

You may also like...

10,369 Responses

  1. Профессиональный сервисный центр по ремонту сотовых телефонов в Москве.
    Мы предлагаем: адреса ремонта ноутбуков
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  2. Francismor表示:

    What this high school senior wants adults to know about classroom phone bans
    адвокаты онлайн
    судир сбербанк
    медиативное соглашение о разделе имущества
    sberlegal
    консультация адвоката онлайн
    юрист сбербанка
    сити арбитр юридическая компания официальный сайт
    юрист онлайн
    сити арбитр юридическая компания
    sberlegal ru

    When my friends and I walked into homeroom on the first day of school this year, my teacher told all of us to put our phones in a black plastic box on an old desk by the classroom door.

    Handing over our phones during class is an official school policy, and my teachers always make this announcement at the beginning of the school year. But teachers would usually forget about the box by third period on the first day, never to be mentioned again by the second day of school. This year, however, the policy stuck that entire first day — and every day since.
    I asked my Latin teacher why the school was suddenly getting so strict on phones. It turns out that over the summer most of the teachers had read social psychologist Jonathan Haidt’s book “The Anxious Generation: How the Great Rewiring of Childhood Is Causing an Epidemic of Mental Illness.”

    Haidt, the Thomas Cooley Professor of Ehtical Leadership at New York University Stern School of Business, argues that a phone-based childhood leads to mentally unhealthy kids who are unprepared for life and, in my Latin teacher’s words, it “really freaked us out.” Teachers were serious about taking our phones now.

    It’s not just causing trouble at my school. Some 72% of public high school teachers in the United States say that cell phone distraction among their students is a major problem, according to a study published by the Pew Research Center in April. In high schools that already have cell phone policies, 60% of teachers say that the policies are very or somewhat difficult to enforce, the same study reported.

    Several states have passed laws attempting to restrict cell phone use in schools, and California Gov. Gavin Newsom recently signed legislation requiring school districts to regulate cell phone use. At least seven of the 20 largest school districts in the nation have either banned phones during the school day or plan to do so.

  3. Travismut表示:

    п»їplavix generic: clopidogrel pro – buy clopidogrel online

  4. Trenttat表示:

    https://paxlovid1st.shop/# paxlovid generic
    levitra without a doctor prescription

  5. Richardevics表示:

    more rybelsus generic rybelsus generic

  6. Отличный сайт! Всем рекомендую!Реабилитационный центр Киев

  7. Travismut表示:

    price of ivermectin tablets: stromectol 1st shop – buy minocycline 100mg online

  8. Полезный сервис быстрого загона ссылок сайта в индексация поисковой системы – полезный сервис

  9. Arthurfrunc表示:

    https://stromectol1st.shop/# stromectol online pharmacy
    online pharmacy india

  10. Richardevics表示:

    Paxlovid buy online paxlovid 1st paxlovid buy

  11. Trenttat表示:

    http://paxlovid1st.shop/# paxlovid pill
    cheap pills online

  12. Отличный сайт! Всем рекомендую!Реабилитационный центр Киев

  13. Richardevics表示:

    ivermectin ebay cheapest stromectol minocycline 50 mg without a doctor

  14. Arthurfrunc表示:

    https://stromectol1st.shop/# minocycline indications
    pharmacy website india

  15. Travismut表示:

    good price: buy rybelsus – rybelsus cost

  16. If you would like to get a good deal from this post then you have to apply these methods to your
    won web site.

    Review my homepage … Get IQ Blast Pro for sharper focus

  17. Trenttat表示:

    https://rybelsus.icu/# cheaper
    erection pills

  18. Richardevics表示:

    minocycline pill stromectol shop stromectol covid 19

  19. Полезный сервис быстрого загона ссылок сайта в индексация поисковой системы – полезный сервис

  20. What’s up, all is going perfectly here and ofcourse every one
    is sharing facts, that’s genuinely excellent, keep up writing.

  21. Arthurfrunc表示:

    http://stromectol1st.shop/# ivermectin buy canada
    Online medicine order

  22. Trenttat表示:

    https://paxlovid1st.shop/# paxlovid covid
    natural ed drugs

  23. One thing I would really like to say is car insurance termination is a dreaded experience and if you are doing the suitable things like a driver you’ll not get one. Lots of people do are sent the notice that they’ve been officially dumped by their own insurance company and several have to struggle to get further insurance after the cancellation. Cheap auto insurance rates tend to be hard to get following a cancellation. Understanding the main reasons with regard to auto insurance cancellations can help owners prevent burning off one of the most essential privileges accessible. Thanks for the concepts shared by your blog.

  24. Richardevics表示:

    paxlovid buy check this п»їpaxlovid

  25. Профессиональный сервисный центр по ремонту духовых шкафов в Москве.
    Мы предлагаем: ремонт духового шкафа на дому москва
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  26. ЖК Астро ЖК Теплый дом ЖК Счастье эти жк застройщика Паритет девелопмент
    который вводит в заблуждение своих дольщиков, некачественно строит и отказывается устранять замечания: например он трещины на раме заделывает скотчем. Все покажу расскажу – @dontcheatpeople – телеграмм.

  27. Прошу обратить внимание на обман застройщика Паритет Девелопмент, который обманом продает свои квартиры, вы не получите ровным счетом ничего обещанного их отделом продаж. Посмотрите отзывы реальных покупателей их ЖК Резиденция лайф обещали бизнес класс и есть куча брошюр, буклетов, а на самом деле это ЖК эконом класса. Если есть альтернатива рассмотрите ее! @dontcheatpeople – телеграмм.

  28. Сервисный центр предлагает починка квадрокоптеров dji ремонт квадрокоптера dji адреса

發佈留言

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