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

gmaps 網站截圖
gmaps 網站截圖

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

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

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

範例打包下載

You may also like...

14,837 Responses

  1. Hello just wanted to give you a quick heads up. The words in your post seem to be running off the screen in Firefox. I’m not sure if this is a format issue or something to do with browser compatibility but I thought I’d post to let you know. The design and style look great though! Hope you get the problem fixed soon. Many thanks

  2. Παρέχουμε αξιολογήσεις για τα κορυφαία ελληνικά διαδικτυακά καζίνο, επικεντρωνόμενοι σε ποικιλία παιχνιδιών, εμπειρία χρήστη και ασφάλεια. Τα live καζίνο προσφέρουν μια καθηλωτική εμπειρία με ζωντανούς ντίλερ, παρόμοια με τα παραδοσιακά καζίνο, εξασφαλίζοντας την καλύτερη επιλογή για χρήστες, εξασφαλίζοντας συμβατότητα με κινητές συσκευές και αξιόπιστη υποστήριξη πελατών.

  3. Waltererync表示:

    buy prednisone canada: prednisone 2 mg – Pred Pharm

  4. DanielZek表示:

    https://semapharm24.shop/# generic rybelsus tabs
    Kamagra 100mg price

  5. AlbertNer表示:

    http://dappharm.com/# buy dapoxetine online
    prednisone buying

  6. AlbertNer表示:

    http://semapharm24.com/# Sema Pharm 24
    prednisone pharmacy

  7. Brianlit表示:

    buy rybelsus online semaglutide tablets for weight loss Sema Pharm 24

  8. AzerKa表示:

    Галерея Девелоперов — это агентство недвижимости, которое поможет с подбором и покупкой новостройки в Москве и Московской Области абсолютно бесплатно, поскольку сотрудничает с застройщиками напрямую.
    На сайте Developers.Gallery доступен каталог новостроек и статьи на тему покупки недвижимости в административных округах Москвы: ЦАО, САО, СВАО, ВАО, ЮВАО, ЮАО, ЮЗАО, СЗАО, ЗАО, НАО, ТАО, а также Московской Области: Зеленоград, Мытищи, Красногорск, Люберцы, Видное, Жуковский.
    Приобретая новостройку на этапе котлована, имеется уникальная возможность извлечь из этого прибыль и рассмотреть покупку в качестве инвестиций. После ввода дома в эксплуатацию стоимость значительно прирастёт, что позволит перепродать её по переуступке, либо сдавать в аренду и извлекать из этого актива доходность.
    Заказать звонок можно, перейдя по ссылке: Орехово-Борисово Северное Новостройки и менеджер составит индивидуальный каталог новостроек абсолютно бесплатно, поможет с записью в офис продаж застройщика, окажет юридическое сопровождение сделки: Проверит договор ДДУ, поможет с открытием счёта эскроу и аккредитива, а также направит инструкцию по выпуску электронной цифровой подписи для удалённой покупки в онлайн-формате.
    Воспользовавшись услугами от Галереи Девелоперов вы экономите время и деньги, поскольку для вас согласуют персональные скидки и условия по покупки в рассрочку, базовую ипотеку, семейную ипотеку, IT-ипотеку и 100% оплату наличными, а ещё доступна покупка по программе trade-in — когда вы сдаёте свою текущую квартиру в обмен на новостройку.
    Покупка недвижимости — это важный шаг, поэтому не менее важно подойти к ней максимально ответственно и положиться на опыт профессионалов, которые подберут жилой комплекс в непосредственной близости к станции метро, БКЛ, МЦК, МЦД, выездами на магистраль: СВХ, ЮВХ, МСД, Ленинградский Проспект, ТТК, МКАД и с большими лесными массивами, парками, детскими площадками, закрытыми от автомобилей дворами, сквозными подъездами, спортивными площадками, качественным озеленением с многолетними деревьями, солнечной стороной.

  9. Waltererync表示:

    PredPharm: PredPharm – prednisone otc uk

  10. DanielZek表示:

    https://semapharm24.shop/# generic rybelsus tabs
    buy Kamagra

  11. So remember, the search of Hedge Fund Recruitment won’t be simple however the motivation and perseverance will make the dividend I choosing the proper associates.

  12. All in all, everything you need to know about the President’s framework is right in its title: The plan “ensures that shared prosperity will keep the American dream alive for generations to come. A key component of that strategy must be a commitment to responsibility and living within our means.” Is our federal government prepared to do just that — and will the plan really work?

  13. AlbertNer表示:

    https://cytpharm.com/# buy cytotec
    prednisone 20 tablet

  14. If you reflect that you can start buying and selling stocks without a plan, and with no sympathetic of yourself or your situation, you might as well just throw your money in the bin.

  15. Most of the time, issues are knotty and options are removed from apparent or clear-reduce, which is the place the final two “What Went Wrongs” fall.

  16. Waltererync表示:

    rybelsus semaglutide tablets: semaglutide best price – cheap semaglutide pills

  17. Thomastooda表示:

    Продолжение
    obmenko – Обменко сайт, Обменко

  18. Imitation rings studded with multicoloured beads, pearls, and stones are equally fashionable.

  19. Sidneyjoilm表示:

    темы для блога – жизненные рассказы, промышленность Павлодарская область

  20. It’s by no means extremely scorching or cold in London, so you do not have to worry much concerning the temperature.

  21. Millimeter wave (mmv) scanners emit power extra akin to microwaves.

  22. Sidneyjoilm表示:

    новости общества – аниме комиксы, интервью со звездами Казахстан

  23. DanielZek表示:

    https://kamapharm.com/# Kama Pharm
    buy Kamagra

  24. Brianlit表示:

    buy cytotec online CytPharm buy cytotec online

  25. WilliamCar表示:

    ссылка на сайт
    vodka регистрация – vodka официальный сайт, vodka регистрация

  26. Sidneyjoilm表示:

    рецензия – мероприятия Зерендинский район, жилье для инвалидов Казахстан

  27. WilliamCar表示:

    на этом сайте vodka bet – vodkabet, водка казино

  28. RodneyRip表示:

    mexico drug stores pharmacies https://mexicaneasypharm.com/# buying prescription drugs in mexico
    reputable mexican pharmacies online

  29. Thomastooda表示:

    узнать больше Здесь
    Обменко обменник – Обменко, obmenko bestchange

  30. Thomastooda表示:

    Подробнее здесь Обменко орг – Обменко сайт, Обменко обменник

發佈回覆給「土曜日 9時 テレビ」的留言 取消回覆

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