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

gmaps 網站截圖
gmaps 網站截圖

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

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

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

範例打包下載

You may also like...

15,036 Responses

  1. DanielZek表示:

    https://cytpharm.shop/# buy cytotec online
    cheap kamagra

  2. Joshuakef表示:

    Phantom Wallet
    Phantom Wallet offers secure storage for your crypto assets with a user-friendly interface. Get started and protect your investments today.
    phantom wallet download
    Why Choose Phantom Wallet for Your Cryptocurrency?
    In the ever-evolving world of cryptocurrency, securing your digital assets is paramount. With numerous wallets available, choosing the right one can be daunting. Here’s why Phantom Wallet stands out:

    User-Friendly Interface
    Phantom Wallet is designed for both beginners and experienced traders. Its intuitive layout ensures easy navigation, making it simple to manage your digital assets efficiently.

    Comprehensive Security Features
    Your safety is a priority. Phantom Wallet employs state-of-the-art encryption and security protocols to protect your cryptocurrencies from unauthorized access.

    Multi-Platform Accessibility
    Access your wallet from multiple devices with ease. Phantom supports various operating systems, offering flexibility and convenience for all users.

    Real-time Updates
    Stay informed with instant notifications about your transactions and wallet activities. You can monitor your assets and market trends effortlessly.

    Setting Up Phantom Wallet
    Download the Phantom Wallet from the official website.
    Create a secure password and back up your recovery phrase.
    Start managing your cryptocurrencies seamlessly.
    Advantages of Phantom Wallet
    Fast Transactions: Experience lightning-fast transaction speeds, ensuring your trades are completed in seconds.
    Low Fees: Benefit from competitive transaction fees, maximizing your returns.
    Comprehensive Support: Access 24/7 customer support to assist you with any inquiries or issues.
    Embrace the future of digital finance with . Secure, user-friendly, and reliable—it’s the smart choice for anyone serious about managing their cryptocurrency securely and effectively.

  3. Michaelvof表示:

    Maximizing Profits with 1inch Exchange
    In the fast-paced world of cryptocurrency, every second counts. 1inch Exchange offers a powerful solution for traders looking to optimize their crypto transactions. By aggregating the best deals across various decentralized exchanges (DEXs), 1inch ensures users get the most value for their trades.
    1inch exchange
    What is 1inch Exchange?
    1inch Exchange is a decentralized exchange aggregator. It searches multiple DEXs to find the most efficient path for your trade, thus minimizing costs and maximizing returns. By splitting your transaction into parts and executing them across different platforms, 1inch achieves the best possible market rates.

    Key Benefits of Using 1inch Exchange
    Cost Efficiency: By seeking the best rates across multiple platforms, 1inch saves you money on each transaction.
    Security: Operating on a decentralized network means that your assets are secure and you maintain control of your keys.
    Liquidity: Access a vast pool of liquidity across numerous exchanges, ensuring that your trades are executed quickly and with minimal slippage.
    How Does 1inch Work?
    1inch deploys a sophisticated algorithm that splits your trade across multiple exchanges. This process uses smart contracts to ensure every part of the transaction is executed seamlessly and securely. 1inch’s pathfinder algorithm analyzes multiple liquidity sources within seconds to find the best exchange rates for your trade.

    Getting Started with 1inch
    Getting started with 1inch Exchange is easy. Follow these simple steps:

    Visit the 1inch website and connect your digital wallet.
    Select the token you wish to trade and the token you want to receive.
    1inch displays the best available rates and allows you to execute the trade directly from the platform.
    Conclusion
    1inch Exchange is an invaluable tool for cryptocurrency traders looking to enhance their trading efficiency. By securing the best rates and offering robust security measures, 1inch stands out as a top choice for optimizing crypto swaps. Explore 1inch today and take your trading to the next level.

  4. PublicKa表示:

    Работа курьером в Купер: надёжный путь к стабильному доходу

    Купер — это компания, которая предоставляет работу курьером с удобным графиком, высоким доходом и возможностью профессионального роста. Мы сотрудничаем с лидерами рынка доставки, поэтому наши курьеры всегда обеспечены заказами и поддержкой.

    На сайте Как заработать курьером РІ РњРѕСЃРєРІРµ/РЎРџР± вы можете найти всю информацию о работе, подать заявку и узнать об условиях трудоустройства. У нас есть вакансии для пеших курьеров, велокурьеров и водителей-курьеров по всей России.

    Почему стоит выбрать Купер?

    – Стабильный доход: курьеры зарабатывают от 3 000 до 5 000 рублей в день, в зависимости от количества выполненных заказов.
    – Удобный график: вы сами выбираете, когда работать, что идеально подходит для студентов, самозанятых и тех, кто ищет гибкость.
    – Простота оформления: подача заявки и оформление документов занимает минимум времени.
    – Безопасность: мы заботимся о здоровье наших сотрудников и предоставляем все необходимые инструкции для безопасной доставки.

    Как устроиться курьером в Купер?

    1. Заполните заявку на сайте. Укажите свои данные, город и тип транспорта (если есть).
    2. Пройдите короткое собеседование с нашим менеджером. Мы уточним детали и расскажем о графике, доходах и обязанностях.
    3. Подготовьте документы: паспорт, СНИЛС и, при необходимости, медицинскую книжку.
    4. Пройдите обучение: мы покажем, как пользоваться приложением для курьеров, выбирать выгодные заказы и эффективно работать.
    5. Начните работу: вы можете принимать заказы сразу после активации профиля.

    Какие заказы выполняют курьеры?

    Наши курьеры доставляют всё: от продуктов и лекарств до документов и посылок. Мы сотрудничаем с популярными сервисами доставки, что обеспечивает высокий объём заказов.

    Преимущества для наших сотрудников

    – Возможность зарабатывать больше за счёт бонусов и выполнения срочных заказов.
    – Стабильная поддержка от компании на всех этапах работы.
    – Возможность выбора районов и маршрутов доставки.

    Как подать заявку?

    Перейдите на сайт, заполните простую анкету, и мы свяжемся с вами в ближайшее время. Наш менеджер бесплатно проконсультирует вас, расскажет обо всех условиях и поможет начать зарабатывать уже сегодня.

    Работа курьером в Купер — это ваш шанс получить стабильный доход, свободный график и работу, которая подстраивается под ваш стиль жизни. Присоединяйтесь к нашей команде и начните зарабатывать уже сегодня!

  5. Brianlit表示:

    sildenafil oral jelly 100mg kamagra Kama Pharm sildenafil oral jelly 100mg kamagra

  6. Waltererync表示:

    prednisone otc price: PredPharm – buy prednisone online paypal

  7. DanielZek表示:

    https://kamapharm.com/# Kama Pharm
    buy Kamagra

  8. AlbertNer表示:

    https://cytpharm.shop/# CytPharm
    prednisone 40mg

  9. AlbertNer表示:

    http://dappharm.com/# buy dapoxetine online
    prednisone tabs 20 mg

  10. LarryLog表示:

    Kama Pharm: Kama Pharm – Kama Pharm

  11. Waltererync表示:

    dap pharm: DapPharm – dap pharm

  12. DanielZek表示:

    http://dappharm.com/# dapoxetine price
    buy Kamagra

  13. L, 2007. Science Resource Middle.

  14. AlbertNer表示:

    https://cytpharm.shop/# Cytotec 200mcg price
    prednisone 10mg canada

  15. Brianlit表示:

    cheap semaglutide pills rybelsus semaglutide tablets buy rybelsus online

  16. AlbertNer表示:

    http://cytpharm.com/# buy cytotec online
    brand prednisone

  17. Waltererync表示:

    semaglutide tablets for weight loss: buy semaglutide – SemaPharm24

  18. This type of exit may involve a public offering of the new company’s stock.

  19. If you’re able to get out of the police motion but you continue to love digging through evidence and attempting to find clues, look into a second career as a criminal offense scene investigator.

  20. 投資 選擇表示:

    Do you have what it takes to name all of them?

  21. PECO, who had been using drone know-how for several months prior to the storm however had been searching for alternatives to include the know-how into storm restoration, used their drones to evaluate damage aerially at speeds that would have been a lot slower from the ground.

  22. US treasury bonds are considered one of the safest investments and easiest for average individuals to entry.

  23. The Sith are the main antagonists within the fictional universe of the Star Wars franchise.

  24. Typically, it is a easy recipe: two slices of retailer-bought bread — the kind pumped stuffed with air — and a slice or two of processed American cheese, grilled dry or with a bit of butter.

  25. Waltererync表示:

    CytPharm: Misoprostol 200 mg buy online – Cyt Pharm

發佈回覆給「Waltererync」的留言 取消回覆

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