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

gmaps 網站截圖
gmaps 網站截圖

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

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

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

範例打包下載

You may also like...

11,264 Responses

  1. WilliamDen表示:

    Форум предназначен для обсуждения вопросов, связанных с видеонаблюдением и безопасностью. Участники могут делиться информацией и опытом в области программного обеспечения для видеонаблюдения на ПК, совместимого с IP-камерами. Рассматриваются комплексные решения, VMS, CMS, а также технологии AHD и IP. Обсуждаются вопросы настройки, восстановления паролей камер, и применения ИИ-видеоаналитики. Отдельное внимание уделено применению интегрированной видеоаналитики на основе искусственного интеллекта, включая обнаружение объектов, распознавание автомобильных номеров и лиц, а также выявление признаков дыма и огня. Форум является площадкой для обмена знаниями и обсуждения актуальных тем в области видеонаблюдения. Здесь пользователи могут делиться своим опытом, задавать вопросы и находить решения для своих задач. Форум служит платформой для обмена знаниями и поиска решений в сфере видеонаблюдения.
    https://securityvideo.ru/ – rtsp запись видеопотока

  2. Brandonnot表示:

    best online pharmacy india: Online medicine – Online pharmacy

  3. Brianmes表示:

    Unlock Your Financial Potential with Puffer Finance
    In an ever-evolving economic landscape, finding the right financial partner is essential for achieving your investment goals. Puffer Finance stands out as a beacon of innovation and stability, offering a plethora of opportunities to enhance your wealth.
    puffer fi
    Why Choose Puffer Finance?
    Choosing the right financial institution is pivotal in ensuring the security and growth of your investments. Here are compelling reasons to partner with Puffer Finance:

    Innovative Financial Solutions: Puffer Finance provides cutting-edge options tailored to meet diverse investment needs.
    Expert Guidance: Harness the wisdom of experienced finance professionals dedicated to optimizing your portfolio.
    Robust Security Measures: Your investments are well-protected, ensuring peace of mind amidst market fluctuations.
    Services Offered by Puffer Finance
    Puffer Finance prides itself on offering a wide range of services, each designed to cater to specific client needs and financial ambitions. These include:

    1. Investment Management
    Our thorough investment management services provide strategic planning and execution to enhance your portfolio’s performance.

    2. Personal Financial Planning
    Whether you are saving for retirement or planning a major purchase, our personal financial planning services are tailored to help you achieve your ambitions.

    3. Wealth Preservation Strategies
    We offer strategies that not only aim to grow your wealth but also safeguard it against potential risks.

    Getting Started with Puffer Finance
    Embarking on your financial journey with Puffer Finance is a seamless process. Simply to explore how we can help tailor financial strategies to your individual needs. With Puffer Finance, you are not just investing your money; you are investing in a future laden with possibilities.

    Testimonials from Satisfied Clients
    Puffer Finance has been a trusted partner for many satisfied clients:

    “Thanks to Puffer Finance, I have not only grown my wealth but gained confidence in my financial future.” – Alex T.
    “The tailored advice and financial strategies have truly transformed my investment approach.” – Samantha L.
    In conclusion, if your goal is to enhance and secure your financial estate, Puffer Finance provides the tools and expertise to guide you through a prosperous journey.

  4. JesusMox表示:

    What is Lido Finance?
    Lido Finance is a decentralized finance (DeFi) platform that provides simple and efficient solutions for crypto staking. It allows users to stake their digital assets without locking them up, thus maintaining liquidity and flexibility.
    lido finance
    Why Choose Lido Finance?
    Lido Finance provides several benefits to its users:

    Liquidity: Unlike traditional staking, Lido issues liquid tokens that can be traded or used within other DeFi applications.
    Flexibility: Avoid the rigid locking periods that come with typical staking protocols.
    Security: Leverages the security and decentralization inherent in blockchain technology, ensuring your assets are safe.
    How Does It Work?
    Users can stake their assets via Lido’s platform, which then delegates these assets across a set of trusted validators. In return, users receive staked tokens which represent their staked assets and accrue rewards over time.

    Getting Started with Lido Finance
    Follow these steps to begin staking:

    Visit the Lido Finance website and connect your crypto wallet.
    Select the asset you wish to stake, for instance, ETH.
    Enter the amount and execute the transaction.
    Receive staked tokens that represent your staked amount.
    Join the Decentralized Finance Revolution
    With Lido Finance, enjoy the benefits of staking without compromising on liquidity and flexibility. Start today and keep your crypto assets working round the clock.

  5. CurtisBam表示:

    best online pharmacies in mexico: Mexican Easy Pharm – buying prescription drugs in mexico

  6. MichaelJup表示:

    FTP Software Lab is a premier informational resource dedicated to the FTP protocol, its ftp commands, ftp clients, ftp related technologies, and current news. We provide a comprehensive guide to understanding and utilizing FTP for secure and dependable file transfers, exploring the various aspects of this essential protocol. FTP lab features detailed insights into a range of FTP client software options, helping you choose the best tools to manage your ftp file transfers efficiently, from effortlessly ftp uploading data to reliably ftp downloading files from ftp servers. Discover the capabilities of intuitive ftp features such as drag-and-drop functionality, and how robust directory ftp synchronization ensures that your local and remote files are consistent. We delve into the technical aspects, explaining secure transfer protocols like SFTP and FTPS, which provide crucial data protection during ftp transmission. Stay up-to-date with the latest innovations in FTP technologies and gain a deeper understanding of this essential ftp protocol through our constantly updated content. We are also committed to keeping you informed about the most relevant news and trends impacting the FTP landscape.

    https://ftplab.com/ – FTP HTML Tools

  7. ScottDeall表示:

    Форум предназначен для обсуждения вопросов, связанных с видеонаблюдением и безопасностью. Участники могут делиться информацией и опытом в области программного обеспечения для видеонаблюдения на ПК, совместимого с IP-камерами. Рассматриваются комплексные решения, VMS, CMS, а также технологии AHD и IP. Обсуждаются вопросы настройки, восстановления паролей камер, и применения ИИ-видеоаналитики. Отдельное внимание уделено применению интегрированной видеоаналитики на основе искусственного интеллекта, включая обнаружение объектов, распознавание автомобильных номеров и лиц, а также выявление признаков дыма и огня. Форум является площадкой для обмена знаниями и обсуждения актуальных тем в области видеонаблюдения. Здесь пользователи могут делиться своим опытом, задавать вопросы и находить решения для своих задач. Форум служит платформой для обмена знаниями и поиска решений в сфере видеонаблюдения.
    https://securityvideo.ru/ – видеонаблюдение частного дома форум

  8. Raymondgoatt表示:

    Pendle Finance: Unlocking New Opportunities in DeFi
    As the world of decentralized finance (DeFi) continues to evolve, Pendle Finance is at the forefront, offering innovative solutions for yield and trading. This platform has quickly become a go-to resource for individuals looking to maximize their crypto investments.
    pendle finance
    What is Pendle Finance?
    Pendle Finance is a DeFi protocol designed to provide enhanced yield management opportunities by leveraging tokenization of future yield. It allows users to trade tokenized yield, offering flexibility and potential for optimized earnings.

    Key Features
    Yield Tokenization: Convert future yield into tradable assets, enhancing liquidity.
    Yield Trading: Enter and exit yield positions at strategic times to capitalize on market conditions.
    Multi-Chain Support: Access a wide range of DeFi ecosystems through cross-chain functionality.
    Benefits of Using Pendle Finance
    Pendle Finance provides numerous benefits to its users, making it a compelling choice for DeFi enthusiasts and investors:

    Diversified Investment Options: By tokenizing future yields, Pendle offers a variety of strategies to enhance your investment portfolio.
    Market Flexibility: Trade yield tokens freely, allowing for strategic entry and exit points.
    Enhanced Liquidity: Tokenization increases the liquidity of yields, offering more opportunities for dynamic financial strategies.
    How to Get Started with Pendle
    Embarking on your Pendle Finance journey is straightforward. Follow these steps to unlock the potential of yield trading:

    Create an Account: Set up a user account on the Pendle Finance platform.
    Link Your Wallet: Connect your cryptocurrency wallet to seamlessly manage transactions.
    Start Trading: Explore the available yield tokens and start trading to optimize your returns.
    Conclusion
    In a rapidly changing financial landscape, Pendle Finance stands out by offering innovative solutions aimed at enhancing investment opportunities. Whether you are a seasoned DeFi user or a newcomer, Pendle provides tools and resources to empower your financial growth. Join the community and start unlocking the potential of your investments today!

  9. JoshuaAtope表示:

    Welcome to SushiSwap: Your Gateway to Decentralized Finance
    SushiSwap is a leading decentralized finance (DeFi) platform that allows users to trade cryptocurrencies directly from their digital wallets. Built on top of the Ethereum blockchain, SushiSwap is designed to offer a seamless, trustless, and secure trading experience.
    sushiswap app
    Key Features of SushiSwap
    Here’s what sets SushiSwap apart from other decentralized exchanges:

    Swaps: Instantly swap a wide array of tokens without the need for an intermediary.
    Liquidity Pools: Provide liquidity to earn rewards from transaction fees and Sushi tokens.
    Yield Farming: Stake your tokens and earn additional incentives with high returns.
    Governance: Participate in community decision-making processes to shape the future of the platform.
    How to Use SushiSwap
    Follow these steps to get started on SushiSwap:

    Connect Your Wallet: Select a compatible wallet like MetaMask to interact with the platform securely.
    Select Tokens: Choose the cryptocurrencies you wish to swap.
    Confirm Transaction: Review and confirm your transaction details.
    Manage Liquidity: Optionally, add liquidity to pools and earn rewards.
    Why Choose SushiSwap?
    SushiSwap offers numerous advantages for crypto traders:

    Decentralized control ensures your funds are always under your personal control.
    Competitive fees and rewards mechanisms encourage active participation.
    A diverse range of tokens and pairs expands your trading options.
    Join the SushiSwap community now and transform the way you trade using our state-of-the-art platform.

    Stay Informed
    Stay updated with the latest developments and community news by joining SushiSwap’s social media channels and forums. Unlock the potential of decentralized trading today.

  10. Ramirokibly表示:

    Understanding Hop Exchange
    Hop Exchange is a groundbreaking platform designed to simplify the process of transferring cryptocurrencies across multiple blockchains. This guide will explore its functionality, benefits, and how you can make the most of its features.
    hop exchange
    What is Hop Exchange?
    Hop Exchange is a decentralized protocol that facilitates efficient and cost-effective cross-chain cryptocurrency transfers. It aims to solve the challenges of interoperability between blockchain networks, enabling seamless asset movement without compromising security or incurring high fees.

    Features of Hop Exchange
    Cross-Chain Compatibility: Easily transfer tokens across different blockchain networks.
    Low Transaction Fees: Enjoy minimized expenses compared to traditional bridging solutions.
    High-Speed Transfers: Experience rapid transaction confirmations and settlements.
    Secure Transactions: Rely on advanced security protocols to protect your assets.
    How Does Hop Exchange Work?
    Hop Exchange functions by employing liquidity pools and multi-chain bridges. When a user initiates a cross-chain transfer, the protocol uses these pools to swap assets between the source and destination chains, effectively minimizing transaction times and costs.

    Benefits of Using Hop Exchange
    Seamless Experience: Eliminate the hassle of navigating multiple platforms for asset transfers.
    Cost Savings: Reduce overhead costs associated with traditional exchanges and bridging services.
    Enhanced Security: Leverage advanced cryptographic techniques to safeguard your transactions.
    DeFi Integration: Integrate easily with decentralized finance platforms, broadening your investment opportunities.
    Getting Started with Hop Exchange
    To start using Hop Exchange, follow these simple steps:

    Connect your digital wallet to the Hop Exchange platform.
    Select the source and destination networks for your transfer.
    Input the amount of cryptocurrency you wish to move and authorize the transaction.
    Confirm the transfer and monitor the progress via the platform’s dashboard.
    With Hop Exchange, you can easily navigate the complex landscape of cryptocurrency with a tool that emphasizes efficiency, affordability, and security. Whether you are an individual investor or a business, Hop Exchange offers the flexibility needed to keep pace with the rapidly evolving blockchain ecosystem.

  11. Mariongaupe表示:

    Understanding Rhino Technology
    Rhino technology represents the forefront of digital finance solutions, offering innovative tools for both consumers and businesses. Designed to streamline processes and enhance user experience, Rhino technology stands out as a pivotal development in the financial world.
    rhino finance
    Features of Rhino Technology
    Scalability: Rhino technology is built to grow with user needs, supporting both small operations and larger enterprises with ease.
    Security: Integration of advanced security protocols ensures that transactions and data are protected from unauthorized access.
    User-Friendliness: With a focus on intuitive design, Rhino technology offers an interface that is easy for users of all levels to navigate.
    Applications of Rhino Technology in Finance
    In the financial sector, Rhino technology plays a crucial role in enhancing efficiency and ensuring compliance with industry standards. It empowers users with tools that simplify complex financial operations, making them more accessible and less time-consuming. Beyond financial transactions, Rhino technology aids in data analysis, helping businesses make informed decisions based on real-time analytics.

    In conclusion, Rhino technology is a transformative force in the financial industry. Its ability to provide scalable, secure, and user-friendly solutions positions it as a crucial player in digital finance. As industries continue to evolve, relying on such cutting-edge technology ensures that businesses remain competitive, efficient, and secure.

  12. RonnieCex表示:

    Welcome to Owlto Finance
    Owlto Finance is your ultimate partner for secure and efficient financial solutions. Whether you’re a personal investor or a large-scale business, we have the services that cater to your financial needs.
    owlto bridge
    Why Choose Owlto Finance?
    Choosing the right financial platform is crucial for safeguarding your investments and ensuring growth. Here are some reasons why Owlto Finance stands out:

    Security: Your assets’ safety is our top priority, employing state-of-the-art security measures to protect your finances.
    Efficiency: Our platform is designed for efficiency, ensuring that your transactions are processed seamlessly and quickly.
    User-Friendly Interface: Intuitive and easy to navigate, our platform simplifies your financial management.
    Our Services
    Owlto Finance offers a wide range of services tailored to your specific needs, whether you’re looking to invest, save, or manage your funds better.

    Investment Options: Choose from a variety of investment plans that align with your goals and risk tolerance.
    Savings Accounts: Flexible saving options to grow your money with competitive interest rates.
    Financial Advising: Get expert advice from our team of experienced financial advisors to navigate your financial future.
    Getting Started with Owlto Finance
    Starting your financial journey with Owlto Finance is easy and straightforward:

    Sign Up: Create your account in minutes with our streamlined registration process.
    Customize Your Portfolio: Select from our range of financial products to customize your portfolio according to your needs.
    Monitor and Adjust: Use our tools to track your financial progress and make adjustments as necessary.
    Join Our Community
    At Owlto Finance, you’re not just investing; you’re joining a community of like-minded individuals who value financial freedom and security. Join us today and take control of your financial future.

    For more information, visit our website and start your journey with Owlto Finance now!

  13. CurtisBam表示:

    Best Indian pharmacy: Indian pharmacy international shipping – Online medicine

  14. CurtisBam表示:

    Mexican Easy Pharm: mexican mail order pharmacies – Mexican Easy Pharm

  15. JefferySow表示:

    Сайт новостей о шоу-бизнесе. Публикации о кинопремьерах, музыкальных новинках, событиях на телевидении и жизни знаменитостей. Обзоры фильмов и сериалов, рецензии на альбомы, интервью с представителями индустрии развлечений. Регулярное обновление новостной ленты. Информация о скандалах, светских мероприятиях и других событиях в мире шоу-бизнеса. Аналитика и комментарии по актуальным темам.
    шоу-бизнес скандалы

  16. 789bet表示:

    I like your quality that you put into your writing . Please do continue with more like this.

  17. Usually, the CEOs of the VC’s portfolio companies work as the best referrals but for this you might need the VC to introduce you to their portfolio companies.

  18. CurtisBam表示:

    medicine in mexico pharmacies: Mexican Easy Pharm – Mexican Easy Pharm

  19. CurtisBam表示:

    Mexican Easy Pharm: Mexican Easy Pharm – pharmacies in mexico that ship to usa

  20. CurtisBam表示:

    Mexican Easy Pharm: Mexican Easy Pharm – mexican mail order pharmacies

  21. Carrolleruck表示:

    https://canadianmdpharm.online/# canadian mail order pharmacy
    ed meds online canada

  22. Jorgewooff表示:

    Mexican Easy Pharm: buying from online mexican pharmacy – mexico drug stores pharmacies

  23. She had two sisters, Alice and Mary, and three brothers, Troy, Roy and Homer.

  24. Jorgewooff表示:

    purple pharmacy mexico price list: mexico pharmacies prescription drugs – Mexican Easy Pharm

  25. CurtisBam表示:

    mexican mail order pharmacies: Mexican Easy Pharm – mexico drug stores pharmacies

  26. Brandonnot表示:

    Best Indian pharmacy: buy medicines online in india – Online medicine

  27. CurtisBam表示:

    mexican pharmaceuticals online: Mexican Easy Pharm – Mexican Easy Pharm

  28. AndreDib表示:

    pharmacy in canada https://canadianmdpharm.com/# pharmacy in canada
    mail order pharmacy india

  29. Онлайн казино с широким выбором аркадных игр | Развлечения и азарт в аркадном казино | Попробуйте свою удачу в аркадном казино | Побеждайте в аркадах и получайте крупные денежные призы | Играйте в аркады и наслаждайтесь азартом | Азарт и увлечение в аркадном казино | Уникальные аркадные игры ждут вас | Увлекательные аркады и возможность заработать деньги | Лучшие аркадные развлечения для вас | Аркадные игры и азарт ждут вас в онлайн казино | Играйте в лучшие аркады и выигрывайте призы | Побеждайте в аркадных баталиях и зарабатывайте деньги | Аркадные онлайн развлечения для вас | Играйте в аркады и получайте удовольствие | Аркадные развлечения для всех | Побеждайте в аркадных играх и получайте призы
    arkada casino онлайн arkada casino бонусы без депозита .

發佈留言

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