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

gmaps 網站截圖
gmaps 網站截圖

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

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

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

範例打包下載

You may also like...

5,272 Responses

  1. RandallTaulp表示:

    generic propecia pill: get cheap propecia no prescription – cost of propecia prices

  2. WilliamRhype表示:

    http://nolvadex.life/# tamoxifen rash

  3. RandallTaulp表示:

    cost of generic lisinopril: generic lisinopril 40 mg – zestril drug

  4. w-495.ru表示:

    клинический психолог психотерапевт w-495.ru

  5. 1win881piodo表示:

    Надёжная Букмекерская контора – 1win

  6. Топовая Букмекерская контора, рекомендую 1win

  7. WilliamRhype表示:

    http://cytotec.club/# cytotec abortion pill

  8. Davidtes表示:

    order cytotec online buy misoprostol over the counter Misoprostol 200 mg buy online

  9. Ronaldpsymn表示:

    http://nolvadex.life/# tamoxifen alternatives

  10. Davidtes表示:

    cost cheap propecia without insurance buying generic propecia online cost of propecia without a prescription

  11. Davidtes表示:

    lisinopril mexico lisinopril 40 mg brand name lisinopril medicine

  12. Caevyq表示:

    buy cheap digoxin – lasix 40mg without prescription furosemide 40mg for sale

  13. RandallTaulp表示:

    price for 5 mg lisinopril: lisinopril prices – zestril tablet price

  14. Hello Dear, are you in fact visiting this web site regularly, if
    so then you will without doubt obtain pleasant know-how.

  15. WilliamRhype表示:

    http://lisinopril.network/# lisinopril 102

  16. FobertWen表示:

    В нашем обществе, где диплом – это начало удачной карьеры в любой сфере, многие стараются найти максимально простой путь получения образования. Наличие официального документа переоценить невозможно. Ведь диплом открывает двери перед любым человеком, который стремится вступить в сообщество квалифицированных специалистов или продолжить обучение в высшем учебном заведении.
    В данном контексте мы предлагаем оперативно получить этот важный документ. Вы можете заказать диплом, и это будет отличным решением для человека, который не смог закончить обучение, потерял документ или хочет исправить плохие оценки. Любой диплом изготавливается аккуратно, с особым вниманием ко всем нюансам. В итоге вы сможете получить 100% оригинальный документ.
    Превосходство такого подхода заключается не только в том, что можно оперативно получить свой диплом. Процесс организован удобно, с нашей поддержкой. От выбора необходимого образца диплома до консультации по заполнению личных данных и доставки по России — все находится под полным контролем качественных мастеров.
    Для всех, кто пытается найти быстрый и простой способ получить необходимый документ, наша компания предлагает выгодное решение. Купить диплом – значит избежать длительного процесса обучения и сразу переходить к достижению личных целей: к поступлению в ВУЗ или к началу успешной карьеры.

    https://diploman-russiyan.com

  17. Ronaldpsymn表示:

    https://cytotec.club/# п»їcytotec pills online

  18. Davidtes表示:

    buying generic propecia online cost propecia without rx buy generic propecia without insurance

  19. WilliamRhype表示:

    https://finasteride.store/# buying generic propecia tablets

  20. RandallTaulp表示:

    lisinopril medication prescription: lisinopril 10 mg 12.5mg – lisinopril online canadian pharmacy

  21. WilliamRhype表示:

    https://finasteride.store/# get generic propecia pills

  22. 1win882piodo表示:

    Надёжная Букмекерская контора, всем советую 1win

  23. RandallTaulp表示:

    lisinopril brand name canada: zestoretic 20 – prinivil 25mg

  24. Davidtes表示:

    Cytotec 200mcg price purchase cytotec cytotec pills buy online

  25. Топовая Букмекерская контора в мире 1win

  26. Davidtes表示:

    order cheap propecia pills cost of propecia order propecia without dr prescription

  27. Davidtes表示:

    lisinopril 2mg tablet lisinopril 3.5 mg lisinopril 20 mg

  28. WilliamRhype表示:

    https://finasteride.store/# get propecia no prescription

  29. Lhaneevige表示:

    Сегодня, когда диплом – это начало успешной карьеры в любом направлении, многие пытаются найти максимально быстрый и простой путь получения образования. Наличие официального документа об образовании переоценить просто невозможно. Ведь именно он открывает двери перед каждым человеком, который стремится начать профессиональную деятельность или продолжить обучение в университете.
    Мы предлагаем оперативно получить этот необходимый документ. Вы можете купить диплом нового или старого образца, и это является выгодным решением для человека, который не смог завершить образование, утратил документ или хочет исправить свои оценки. Каждый диплом изготавливается с особой тщательностью, вниманием ко всем элементам. На выходе вы сможете получить продукт, максимально соответствующий оригиналу.
    Преимущество подобного решения состоит не только в том, что вы быстро получите диплом. Процесс организовывается удобно и легко, с нашей поддержкой. От выбора нужного образца до точного заполнения персональной информации и доставки по стране — все под полным контролем опытных мастеров.
    Для всех, кто ищет быстрый способ получения необходимого документа, наша услуга предлагает выгодное решение. Заказать диплом – значит избежать продолжительного процесса обучения и не теряя времени переходить к своим целям, будь то поступление в ВУЗ или начало карьеры.

    https://diploman-russiyan.com

發佈留言

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