Простейшая библиотека карт для мобильных устройств - Leaflet.js

Карты Гугл безусловно, самый популярный встраиваемый виджет карты для веб-дизайнеров. Но как насчет добавления пользовательских функций, таких как всплывающие подсказки и маркеры булавки?

Это где удивительная библиотека, как Leaflet.js помогает тонну

Это совершенно бесплатный проект с открытым исходным кодом, изначально созданный одним из парней из MapBox по имени Владимир Агафонкин. С тех пор Leaflet выросла до десятков участников по всему миру.

Программы для Windows, мобильные приложения, игры - ВСЁ БЕСПЛАТНО, в нашем закрытом телеграмм канале - Подписывайтесь:)

Читайте также: Как оформить Google Карты

Он часто обновляется исправлениями ошибок и новыми функциями, которые улучшают общую реализацию на любом веб-сайте. Это, безусловно, моя любимая картографическая библиотека из-за ее явной силы и эстетики дизайна.

В нем так много функций, что я не могу перечислить их все, но вот самые интересные:

Мобильное аппаратное ускорение
Маркеры булавок, оверлейные формы и всплывающие подсказки
Пользовательская анимация масштабирования и панорамирования
Нет JS-зависимостей
Поддержка всех основных браузеров, включая IE7 +

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

Пользователи всегда могут уменьшить масштаб и перемещаться, поэтому вид всегда можно изменить. Но это также зависит от того, как вы определяете карту на странице.

Есть огромный страница документации полная информация для каждого аспекта листовки. К сожалению, он настолько плотный, что я не могу рекомендовать просто погрузиться в него, потому что вы, вероятно, потерялись. Вместо этого, проверьте Страница учебных листовок который также включает в себя Краткое руководство пользователя для новичков.
Вы узнаете, как встраивать карты, изменять размер / положение и как добавлять пользовательскую графику сверху, такую как круги или маркеры.

Это вводное руководство может научить вас всему, что вам нужно, чтобы использовать Leaflet в блоге, на веб-сайте компании или в любом будущем проекте.

Есть много веских причин для использования Google Maps: это мощный, надежный и бесплатный. Но Leaflet поставляется с множеством дополнительных функций, и вам нужно всего лишь добавить файлы CSS / JS на веб-страницу, чтобы начать работу. Вы даже можете найти копии размещен в Интернете если вы предпочитаете идти по маршруту CDN.

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

И это не займет много времени, чтобы создать удивительную карту с нуля. Взглянуть на эта демонстрация Codepen создан с использованием Leaflet.js и API Карт Google.

Увидеть перо Карты Google и Leaflet.js от chris0stein (@ chris0stein) на CodePen,

Читайте также: 10 бесплатных инструментов для создания собственных карт