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

gmaps 網站截圖
gmaps 網站截圖

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

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

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

範例打包下載

You may also like...

5,120 Responses

  1. WilliamRhype表示:

    https://cytotec.club/# buy cytotec in usa

  2. WilliamRhype表示:

    https://cytotec.club/# order cytotec online

  3. Ronaldpsymn表示:

    https://ciprofloxacin.tech/# buy ciprofloxacin

  4. RandallTaulp表示:

    lisinopril tabs 4mg: lisinopril 20 mg buy – lisinopril online usa

  5. Great site ! I recommend everyone to watch it!vip paris escort

  6. Davidtes表示:

    buy propecia without a prescription cost of propecia prices cost propecia

  7. Shaneevige表示:

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

    https://diploman-russiyan.com

  8. WilliamRhype表示:

    https://cytotec.club/# cytotec pills buy online

  9. Davidtes表示:

    tamoxifen therapy tamoxifen medication tamoxifen effectiveness

  10. Davidtes表示:

    price of lisinopril in india lisinopril in mexico lisinopril 5 mg pill

  11. WilliamRhype表示:

    http://ciprofloxacin.tech/# ciprofloxacin generic

  12. I have fun with, cause I discovered exactly what I used to be looking for. You’ve ended my four day lengthy hunt! God Bless you man. Have a nice day. Bye

  13. RandallTaulp表示:

    buying cheap propecia online: buying generic propecia price – generic propecia for sale

  14. WilliamRhype表示:

    http://cytotec.club/# buy cytotec online

  15. Ronaldpsymn表示:

    http://finasteride.store/# cheap propecia without insurance

  16. 1win879piodo表示:

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

  17. I’m now not certain the place you’re getting your
    information, however great topic. I needs to spend some time studying more or figuring out more.
    Thank you for magnificent information I used to
    be searching for this information for my mission.

  18. Рекомендую Лучшую Букмекерскую контору 1win

  19. WilliamRhype表示:

    https://lisinopril.network/# 100 mg lisinopril

  20. StephenDeery表示:

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

    https://diplomanc-russia24.com

  21. Davidtes表示:

    cytotec pills buy online cytotec abortion pill п»їcytotec pills online

  22. Davidtes表示:

    order cytotec online cytotec pills buy online buy cytotec in usa

  23. Davidtes表示:

    cost of propecia get generic propecia without a prescription get propecia price

  24. RandallTaulp表示:

    buy cipro cheap: buy generic ciprofloxacin – where can i buy cipro online

  25. WilliamRhype表示:

    https://nolvadex.life/# tamoxifen dose

  26. Ronaldpsymn表示:

    http://nolvadex.life/# tamoxifen benefits

  27. WilliamRhype表示:

    https://ciprofloxacin.tech/# cipro pharmacy

  28. 1win880piodo表示:

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

  29. Лучшая Букмекерская контора, рекомендую 1win

發佈留言

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