15 бесплатных jQuery-плагинов электронных карт

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

Добавление маркеров или возможность вычислить расстояние между точками в режиме реального времени - это всегда интересно для пользователя. JQuery-плагины электронных карт сегодня уже широко используются в современных web и мобильных приложениях. Они просты в реализации, если исходный код уже написан разработчиками и выложен в свободном доступе. Как вы увидите, многие пользователи GitHub и других сообществ предоставляют нам большое количество бесплатных плагинов электронных карт, созданных на Jquery.

Уделите немного времени на то, чтобы найти в этом перечне наиболее подходящий для вас плагин электронных карт и дайте нам знать, какой из них понравился вам больше всего. Поделитесь информацией в комментариях о других полезных JQuery-плагинах, которые, по вашему мнению, также должны быть представлены в этом списке.

gmaps.js

gmaps.js позволяет в простой форме использовать огромный потенциал Google Maps. Не требует изучения дополнительной документация или внедрения большого объема кода.

Скачать

gmaps.js

Landcarte, JQuery-плагин Google Maps

Landcarte - это JQuery-плагин и библиотека JavaScript, которые помогают реализовать на веб-странице географические карты и их многочисленные функции (геокодирование, геолокация, пользовательские события).

Скачать

Landcarte, JQuery-плагин Google Maps

JQVMap

JQVMap – это Jquery- плагин, который выводит Vector Maps. Для современных браузеров, таких как Firefox, Safari, Chrome, Opera и Internet Explorer 9, он использует Scalable Vector Graphics (SVG).

Скачать

JQVMap

JQuery интерактивные карты

Бесплатная интерактивная карта 47 стран Европейского континента. Это лучший способ преобразовать список регионов в стильные интерактивные карты без необходимости установки Flash Player или каких-либо внешних плагинов, необходимы только широко используемые CSS-спрайты, которые работают во всех современных браузерах.

Скачать

JQuery интерактивные карты

U.S. Map - JQuery плагин

С его помощью можно очень просто добавить на страницу интерактивную карту США без использования Flash.

Скачать

U.S. Map - JQuery плагин

Kartograph.js

JavaScript - библиотека для создания интерактивных карт, основанных на SVG картах Kartograph.py. Kartograph - это простая основа для создания интерактивных приложений без Google Maps или любой другой картографической службы.

Скачать

Kartograph.js

Плагин jQuery Location Picker

Этот плагин позволяет легко найти и выбрать местоположение на карте Google. Наряду с выбором одиночной точки, он позволяет выбрать область с помощью центра и радиуса. Все данные автоматически могут быть сохранены в любой HTML-элемент, а также обработаны с помощью Javascript (при условии поддержки обратных вызовов).

Скачать

Плагин jQuery Location Picker

Mappy.js: Google Maps & Places jQuery plugin

Я не могу придумать ничего, чтобы мне нужно было еще делать после установки Mappy.js (нужен опыт работы с JavaScript).

Скачать

Mappy.js: Google Maps & Places jQuery plugin

jHERE

Карты - это здорово, но API карт может быть немного сложным. jHERE решает эту проблему, предлагая простой, но мощный API карт в виде JQuery плагина (Zepto.JS или Tire).

Скачать

jHERE

jQuery Geocoding and Places Autocomplete Plugin

Сложный JQuery плагин, который использует сервисы геокодирования и автозаполнения Google Maps API. Вы просто предоставляете входные данные, которые позволяют искать место с помощью большого списка автозаполнения.

Скачать

jQuery Geocoding and Places Autocomplete Plugin

WhatsNearby

JQuery-плагин для просмотра и показа с помощью Google Maps близлежащей области вокруг заданной точки.

Скачать

WhatsNearby

Адаптивные JQuery Google Maps

Этот плагин позволяет реализовать на вашем сайте оригинальные Google Maps и резервный вариант статического изображения Google карт для небольших устройств.

Скачать

Адаптивные JQuery Google Maps

DataMaps

Настраиваемая визуализация SVG карт для веб-страницы в одном Javascript - файле с использованием D3.js

Скачать

DataMaps

maplace.js

Небольшое JavaScript дополнение к Google Maps.

Скачать

maplace.js

Премиум варианты

Custom Interactive Map – jQuery Plugin

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

Демо|Скачать

Custom Interactive Map – jQuery Plugin

jQuery Interactive SVG Map Plugin

Плагин MapSVG превращает любой SVG-файл в интерактивную и полностью настраиваемую карту или план здания.

Демо|Скачать

jQuery Interactive SVG Map Plugin

5sec Google Maps Standalone

Демо|Скачать

5sec Google Maps Standalone

MapIt – Maps Made Your Way

MapIt - подключаемый JQuery плагин, который взаимодействует с Google Maps API. Плагин был разработан для того, чтобы облегчить навигацию и поиск заданных координат в любой точке мира. Плагин, управляемый с помощью XML и AJAX, поможет вам сгруппировать и организовать все ваши ссылки местоположения.

Демо|Скачать

MapIt – Maps Made Your Way

Google Maps Module with Geolocation [V2]

Модуль Google Maps V2 был создан для организации простого сервиса по прокладке маршрута. С помощью геолокации, вы можете проложить маршрут из любой точки к дому, работе и т.д. ... Кроме этого его геолокация совместима со всеми браузерами с поддержкой JavaScript.

Демо|Скачать

Google Maps Module with Geolocation [V2]

5 Color Themes for Google Maps API

5 Color Themes for Google Maps API. Стандартная цветовая тема для Google Maps. Предлагает большую персонализацию, отображая оригинальные цветовые темы для ваших карт Google.

Демо|Скачать

5 Color Themes for Google Maps API

Сергей Бензенкоавтор-переводчик статьи «15 Free jQuery Map Plugins»