Просмотров: 31385

Интерактивная карта на сайте как сделать

Закрыть ... [X]

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

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

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

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

Скачать

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

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

Скачать

JQVMap

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

Скачать

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

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

Скачать

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

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

Скачать

Kartograph.js

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

Скачать

Плагин jQuery Location Picker

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

Скачать

Mappy.js: Google Maps & Places jQuery plugin

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

Скачать

jHERE

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

Скачать

jQuery Geocoding and Places Autocomplete Plugin

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

Скачать

WhatsNearby

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

Скачать

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

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

Скачать

DataMaps

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

Скачать

maplace.js

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

Скачать

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

Custom Interactive Map – jQuery Plugin

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

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

jQuery Interactive SVG Map Plugin

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

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

5sec Google Maps Standalone

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

MapIt – Maps Made Your Way

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

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

Google Maps Module with Geolocation [V2]

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

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

5 Color Themes for Google Maps API

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

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

Перевод статьи «15 Free jQuery Map Plugins» был подготовлен дружной командой проекта Сайтостроение от А до Я.


Источник: http://www.internet-technologies.ru/articles/15-besplatnyh-jquery-plaginov-elektronnyh-kart.html

Похожие новости


Как увеличить в росте в домашних условиях
Как убрать запах пота под мышками в домашних условиях
Деревянный дом сайдингом своими руками
Хлоазма на лице лечение в домашних условиях
Минитрактор из оки своими руками
Чертежи лавочек из дерева своими руками




ШОКИРУЮЩИЕ НОВОСТИ