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

gmaps 網站截圖
gmaps 網站截圖

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

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

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

範例打包下載

You may also like...

14,578 Responses

  1. bet88表示:

    Holy cow! I’m in awe of the author’s writing skills and ability to convey complex concepts in a concise and concise manner. This article is a real treasure that deserves all the praise it can get. Thank you so much, author, for providing your knowledge and offering us with such a valuable resource. I’m truly grateful!

  2. JesseDex表示:

    пин ап вход: https://pinupkz.life/

  3. Williamuniot表示:

    пин ап вход – пин ап казино

  4. Davidhunty表示:

    Perena is a cutting-edge blockchain development platform designed to empower decentralized applications (dApps) with scalable and secure solutions. Built for Web3 innovators, Perena blockchain solutions offer seamless integration, high-performance smart contracts, and decentralized infrastructure. Whether you’re building DeFi protocols, NFT marketplaces, or enterprise blockchain applications, Perena provides the tools needed to scale with confidence. https://perena.tech

  5. Davidbop表示:

    Upshift Finance is a next-generation decentralized trading platform designed to provide secure, fast, and efficient crypto transactions. With smart contract automation, low transaction fees, and seamless integration with DeFi protocols, Upshift Finance empowers traders to swap digital assets and execute trades with maximum security. Whether you’re a beginner or an experienced trader, Upshift Finance offers a powerful, transparent, and user-friendly trading ecosystem. https://upshift.ink

  6. sao79表示:

    Tips and tools you offer are so helpful to agencies in our community.

  7. Jamesavata表示:

    пин ап вход – пин ап казино

  8. زمان آغاز سال تحصیلی مدارس، با فرارسیدن
    زمان آغاز سال تحصیلی مدارس، دغدغه اصلی
    دانش‌آموزان و اولیاء آنها، آگاهی از زمان دقیق بازگشایی مدارس است.

  9. cat368.win表示:

    Hello. Great job. I did not expect this on a Wednesday. This is a great story. Thanks!

  10. Jamesimini表示:

    UnagiSwap is a cutting-edge decentralized exchange (DEX) that provides fast, secure, and transparent crypto trading. Designed for traders looking to swap digital assets efficiently without intermediaries, UnagiSwap offers low fees, deep liquidity, and seamless smart contract execution. Whether you’re a casual trader or a professional investor, UnagiSwap’s non-custodial platform ensures full control over your assets in a decentralized environment. https://unagiswap.org

  11. cat368表示:

    When we look at these issues, we know that they are the key ones for our time.

  12. Have you always been concerned about these issues?

  13. GregoryJough表示:

    Kamagra Kopen: kamagra pillen kopen – kamagra pillen kopen

  14. huvip88.win表示:

    There is a lot of misunderstanding about these issues today. Your material helps explain things.

  15. MarvinInget表示:

    кракен купить – кракен официальный сайт, kra31 cc

  16. WillieSor表示:

    kra32.cc – kra30.at, кракен даркнет

  17. WillieSor表示:

    kra at – kra32.at, кра сайт

  18. Williamviacy表示:

    Nucleus Earn is revolutionizing DeFi staking and passive income generation by offering secure, high-yield crypto rewards. With smart contract-powered staking pools, Nucleus Earn allows users to earn rewards effortlessly while maintaining full control over their assets. Whether you’re a beginner or an experienced investor, Nucleus Earn’s decentralized staking platform ensures transparency, security, and optimal returns in the fast-growing world of DeFi. https://nucleusearn.org

  19. WillieSor表示:

    кракен – kraken войти, Kra29.at

  20. Kennethslity表示:

    https://kamagrakopen.pro/# kamagra jelly kopen

  21. TerryDus表示:

    https://kamagrakopen.pro/# kamagra 100mg kopen

  22. GregoryJough表示:

    cialis without a doctor prescription: TadalafilEasyBuy.com – cialis without a doctor prescription

  23. MarvinInget表示:

    кракен зеркало – kra cc, кракен сайт

發佈留言

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