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

gmaps 網站截圖
gmaps 網站截圖

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

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

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

範例打包下載

You may also like...

9,612 Responses

  1. Узнай все о септопластика в москвесептопластика цены

  2. Added four new: Three egl, 1 informal darkish.

  3. あなぐる表示:

    Once you have this you should have a much clearer concept about how you’re going to go about it.

  4. As I write this, we’re discussing whether or not we want to risk making some fairly radical modifications to the AI in a patch for a recreation that most people appear to love, and through which NPCs mainly behave as much like real people as they ever have in any game.

  5. RobertSam表示:

    What is DeBridge Finance?
    DeBridge Finance is an innovative solution designed to facilitate seamless cross-chain blockchain operations. It empowers developers and users by allowing the transfer of data and assets across different blockchain networks efficiently and securely.
    Debridge
    Key Features of DeBridge Finance
    DeBridge Finance stands out due to its remarkable features which include:

    Interoperability: The platform provides effective interoperability between multiple blockchains, eliminating the boundaries that exist.
    Security: By leveraging advanced security protocols, DeBridge ensures the safe transit of data and assets.
    Scalability: It is designed to handle a growing number of transactions without compromising on performance.
    How Does DeBridge Finance Work?
    DeBridge Finance operates through a combination of smart contracts and decentralized communication protocols. These components work together to authenticate and execute cross-chain data and asset transfers swiftly and securely.

    Smart Contracts
    The platform utilizes smart contracts to automate processes and ensure trustless operations across different chain environments.

    Decentralized Communication
    Communication across blockchains is made possible through a decentralized message protocol, enabling effective data sharing.

    Benefits of Using DeBridge Finance
    Choosing DeBridge Finance for cross-chain operations brings several advantages:

    Cost-Effectiveness: By integrating various blockchains, it reduces the cost and complexity of using multiple networks.
    Developer-Friendly: Offering robust tools and resources, DeBridge makes it easier for developers to build cross-chain applications.
    Enhanced User Experience: Users benefit from smoother transactions without the need to switch between different network interfaces.

  6. StevenLoN表示:

    Unlock the Power of Eigenlayer
    As the blockchain landscape evolves, Eigenlayer emerges as a beacon of innovation, offering robust solutions to enhance blockchain security and customization. But what exactly does Eigenlayer bring to the table?
    eigenlayer claim
    Revolutionizing Blockchain Security
    Security is paramount in the blockchain world, and Eigenlayer takes this seriously. By leveraging state-of-the-art technology, Eigenlayer provides an unparalleled layer of protection for blockchain protocols. This ensures that transactions are not only secure but also reliable.

    Advanced Encryption: Protects data integrity and confidentiality.
    Scalable Solutions: Ensures that security measures grow with your network’s demand.
    Customization like Never Before
    One of the most compelling features of Eigenlayer is its customization capabilities. Understanding that each blockchain project has unique needs, Eigenlayer offers a flexible architecture allowing projects to tailor solutions to their specific requirements.

    Modular Design: Adapts to various use cases without sacrificing performance.
    Interoperability: Seamlessly integrates with existing blockchain systems.
    Empowering Blockchain Ecosystems
    By providing these advanced features, Eigenlayer doesn’t just offer protection and customization; it empowers blockchain developers to push the boundaries of what’s possible. With Eigenlayer, the limitations often faced in blockchain scalability and security are becoming a thing of the past.

    Whether you are a developer seeking better security solutions or an entrepreneur aiming to launch your blockchain project with tailor-made features, Eigenlayer provides the tools and the support you need to succeed in the competitive digital landscape.

    Explore the potential of Eigenlayer today, and step into the future of blockchain technology with a partner committed to your success.

  7. DarrenUnjuh表示:

    http://plavixclo.com/# plavix medication

  8. AlbertDuM表示:

    order cytotec online: buy cytotec cytpremium – buy cytotec over the counter

  9. BernardMop表示:

    buy Lisinopril 1st cheapest Lisinopril buy Lisinopril online

  10. BrandenSlomy表示:

    amoxicillin 500mg capsules uk: amoxil – buy cheap amoxicillin online

  11. Узнай все о исправление перегородки лазеромпластика носовой перегородки

  12. AlbertDuM表示:

    lisinopril online purchase: best lisinopril brand – cheapest Lisinopril

  13. Visit website表示:

    Nice read, I just passed this onto a colleague who was doing a little research on that. And he just bought me lunch as I found it for him smile Thus let me rephrase that: Thank you for lunch!

  14. DavidBaide表示:

    purple pharmacy mexico price list https://mexicanpharmgate.com/ buying prescription drugs in mexico online

  15. BrandenSlomy表示:

    prednisone 50 mg tablet canada: prednisone – prednisone 5mg coupon

  16. Most Popular Money Making Apps in Pakistan, Top Money Earning Apps in Pakistan: How to Start Earning
    online earning app pakistan online earning in pakistan app .

  17. BernardMop表示:

    buy Lisinopril online cheapest Lisinopril buy Lisinopril 1st

  18. DavidBaide表示:

    best online pharmacies in mexico http://mexicanpharmgate.com/ pharmacies in mexico that ship to usa

  19. DarrenUnjuh表示:

    http://lisinopril1st.com/# Lisinopril 1st

  20. Узнай все о удаление полипа эндометрия москва ценаудаление полипа в эндометрии матки

  21. infulky表示:

    Vitamin B12 for chronic fatigue syndrome, 163, p buy priligy 30mg A month to month examination of supplemental insurance in 1996 by Stuart et al

  22. Dereketerm表示:

    prednisone 20: buy prednisone – prednisone 10mg canada

  23. Best Apps to Make Money in Pakistan, Easy Money Making in Pakistan Through Apps, That You Didn’t Know About, To Improve Your Financial Situation, With a User-Friendly Interface and High Profits, Is it possible to earn money in Pakistan through applications?, which few people talk about, for a calm earnings, which change the idea of ????earning money, which few people know about, for active participation in earnings, to increase financial well-being, which are worth trying, for making money quickly, with guaranteed payments, Popular apps for making money in Pakistan: choose the best, New platforms for earning money in Pakistan, to increase incomeearning app in pakistan real money earning apps in pakistan .

  24. StevenNub表示:

    prednisone pill 20 mg: prednisone ray pharm – how much is prednisone 5mg

  25. StevenNub表示:

    buy dapoxetine online: priligy maxpharm – priligy

  26. online casino表示:

    I have not checked in here for a while as I thought it was getting boring, but the last several posts are great quality so I guess I will add you back to my daily bloglist. You deserve it my friend 🙂

  27. Dereketerm表示:

    where can i get generic clomid without a prescription: clomid – cost cheap clomid now

發佈留言

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