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

gmaps 網站截圖
gmaps 網站截圖

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

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

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

範例打包下載

You may also like...

10,363 Responses

  1. Easterpisn表示:

    top custom essays
    essay revision help online
    reviews for essay writing services

  2. Knvczp表示:

    order ampicillin 500mg pills buy flagyl generic metronidazole order online

  3. Stewartyvf表示:

    спелеокамера купить детский санаторий кисловодск
    отель называется апсара забронировать гостиницу в кисловодске кисловодск горького
    отель акфес сейо владивосток пятизвездочный отель в самаре спа рэдиссон славянская

  4. Try to play ทดลอง เล่น สล็อต games that are coming out like Standard and modern with quality Beautifully designed descriptions, high resolution, 3D images, can be played anywhere, fun games, get money quickly, must be pgslot-th.com

  5. BuHjDeLiZgt表示:

    Great website portfolio tracker for stocks and crypto Recommend it for viewing!

  6. Stewartvvq表示:

    санатории в башкирии цены на 2021 год отель бридж резорт сочи цены 2022
    санаторий аврора лазаревское гостиницы в назрани база отдыха прибой саки цены на 2021
    солнечный берег саки официальный курортный комплекс камарит отель романтик краснодар

  7. BuMxDeLiZgt表示:

    Great website portfolio tracker stocks Recommend it for viewing!

  8. Pcashq表示:

    order valacyclovir 500mg pills fluconazole canada order diflucan 100mg

  9. BuVxDeLiZgt表示:

    Great website portfolio tracker crypto Recommend it for viewing!

  10. XsaYpvdLiZgt表示:

    On this site all known monedigo and very good and trust!

  11. You could definitely see your skills in the work you write. The world hopes for more passionate writers like you who are not afraid to say how they believe. Always go after your heart.

  12. Timothyquarm表示:

    Hello2. And Bye2.

  13. Vivienepisn表示:

    best essay writing service online
    essaywriting service
    essay about community service

  14. XsaYdddLiZgt表示:

    On this site u can buy all known monedigo for very good price!

  15. pg slot表示:

    เล่นสล็อตโคตรเทพร่วมกับคาสิโนออนไลน์ใช่เลยคาสิโนออนไลน์888เล่นทดลอง เล่น สล็อตสล็อต เครดิตฟรวัดดวงคาสิโน สิงคโปร์เดิมพันออนไลน์เว็บตรง สล็อตวัดสล็อต โจ๊ก เกอร์เทรดสล็อต 1234เดิมพันสล็อต แตก งายวัดใจเว็บ สล็อตpgแทงสล็อต คิงคองเทรดทดลอง เล่น สล็อต ทุก ค่ายเทรดสล็อต เว็บตรง pgวัดสล็อต เว็บตรงไม่ผ่านเอเย่นต์ รวม ทุกค่ายเดิมพันสล็อต 789 ฝาก ถอน true walletเดิมพันเว็ป สล็อต ที่ดี ที่สุดเทรดเว็บ
    สล็อต ไม่ผ่าน เอ เย่ น 2021แทงaka สล็อตวัดสุดมันเล่น
    สล็อต ฟรี ได้ เงิน จริงจัดสล็อต ค่ายใหญ่วัดสล็อต
    ฝากถอน ไม่มีขั้น ต่ํา วอ
    เลท

    my web page: pg slot

  16. XsaYrddLiZgt表示:

    On this site u can buy all known Killa for very good price!

  17. I think everything said made a great deal of sense. However, what
    about this? what if you were to write a killer headline? I am
    not saying your information isn’t good., however what
    if you added a post title that grabbed folk’s attention? I mean jQuery Plugin – gmaps(簡單實作出導航功能) – 馬老師
    雲端研究室 is a little plain. You ought to peek at
    Yahoo’s home page and watch how they write article headlines to get people interested.

    You might try adding a video or a related picture or two to grab
    people interested about what you’ve written. In my opinion, it would make your posts a little bit more interesting.

    Here is my blog post สาระน่ารู้ทั่วไป

  18. Weageby表示:

    can lasix cause diarrhea Six to eight week old female inbred BALB c mice, each weighing 25 30 g, were obtained from the Pasture Institute of Iran Tehran, Iran

  19. XsaYrsdLiZgt表示:

    On this site u can buy all known Killa Dry Cold Mint for very good price!

  20. Admitle表示:

    lasix to remove fluid in lungs For this reason, preventing breast cancer recurrence by depleting the reservoir of dormant residual tumor cells that can give rise to recurrent tumors represents an attractive approach to this critical clinical problem

  21. This is the perfect website for anyone who hopes to find out about this
    topic. You understand so much its almost tough to
    argue March Calendar with holidays you (not that I personally would want to…HaHa).

    You definitely put a new spin on a topic that has been discussed for decades.
    Great stuff, just great!

  22. Mrtipe表示:

    ondansetron drug buy aldactone zocor 20mg sale

  23. piopary表示:

    lasix and potassium levels In patients with breast cancer for whom treatment with tamoxifen is being considered, the clinical validity of CYP2D6 genotyping is not well established

  24. Admitle表示:

    Tijani JO, Fatoba OO, Babajide OO, Petrik LF 2016 Pharmaceuticals, endocrine disruptors, personal care products, nanomaterials and perfluorinated pollutants a review how does lasix cause renal failure

  25. outwazy表示:

    what is lasix used for Arimistane is a newer synthetic version of Arimadex

  26. Weageby表示:

    lasix administration Although all three criteria showed some decrease in breast density with time, only the semiquantitative scores achieved statistical significance at 0

  27. Ginniepisn表示:

    what should i write my essay on
    order custom essay
    best essay for you

  28. XsaYrolLiZgt表示:

    On this site u can buy all known killa snus for very good price!

  29. Weageby表示:

    In general the following information will be used cost of lasix

  30. ascetacle表示:

    Brain aoStrjeLPthCduo 6 6 2022 what is lasix medicine

發佈留言

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