—»     —»   10 плагинов для jQuery, которые облегчат процесс установки Google Map
  Раздел: Библиотеки скриптов, Тематические обзоры, Фреймворки и Платформы   Нет комментариев  

10 плагинов для jQuery, которые облегчат процесс установки Google Map



На первый взгляд, программный интерфейс приложения Google Map может показаться устрашающим. В том плане, что не сразу понятно, с чего нужно начинать. Ведь Вам нужна простая карта, с помощью которой Ваши клиенты смогут найти месторасположение Вашего офиса, а не интерактивный «пляшущий» GPS-навигатор с голосовым оповещением. Вероятно, должен быть какой-нибудь более легкий путь.
Конечно же он есть, и что касается всего интерактива веб-сайтов, нам на помощь как всегда приходит jQuery с плагинами-помощниками.

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

Мы также привели пару обучающих статей по jQuery и Google Map для новичков – они расположены в самом низу статьи. Если Вы только начинаете знакомиться с этими терминами, то Вам лучше начать оттуда.
Перед установкой этих плагинов, Вам, для начала, лучше скачать последнюю версию jQuery, а затем получить ключ от API Google Map: Зарегистрироваться в Google Maps API.

01. gMap – плагин Google Maps

10 плагинов для jQuery, которые облегчат процесс установки Google Map

gMap представляет собой очень гибкий, легкий, со множеством настроек плагин для jQuery, с помощью которого Вы можете внедрить Google Maps в собственный сайт. Плагин может быть настроен различными способами. Все что от Вас требуется – провести объект JSON через функцию GMap(). Нажмите здесь для получения более подробной информации.

* gMap демо »
* Скачать gMap »
* Документация gMap »

02. Плагин Google Maps для jQuery

10 плагинов для jQuery, которые облегчат процесс установки Google Map

Плагин Google Maps для jQuery помогает избежать трудностей в работе с Google Map Api. Он позволяет Вам с легкостью внедрить Google Maps и управлять ими посредством CSS, что гарантирует то, что карта идеально впишется в Ваш дизайн.

* Google Maps демо »
* Скачать плагин Google Maps для jQuery »

03. Mapbox – карта для jQuery

10 плагинов для jQuery, которые облегчат процесс установки Google Map

Плагин mapbox() для jQuery сделан специально для разработки малоразмерных, масштабируемых и перетаскиваемых карт с множественными слоями информации. Эта платформа может быть встроена в игры, планы развития или в любое другое приложение, в котором функции изменения масштаба были бы преимуществом.
Mapbox больше представляет собой основной плагин. Несмотря на простоту в использовании, он обладает множеством расширенных настроек. Ниже приведен список всех доступных опций:

* Mapbox демо »
* Скачать Mapbox »

04. jQuery GPS

10 плагинов для jQuery, которые облегчат процесс установки Google Map

jQuery GPS представляет собой плагин для jQuery, с помощью которого можно внедрить Google maps в собственный веб-сайт, не захламляя сайт лишними функциями, которые не требуются разработчику.
Все что Вам нужно будет сделать – добавить возможность ввода адреса посредством стандартных или собственных ID. Вы даже можете использовать любой элемент в качестве триггера, который будет запускать событие. В этом случае, Вам даже не придется привязывать его к формам.
С jQuery GPS Вы сможете выбрать расположение на карте перед первой загрузкой, и открыть конкретно эту локацию.

* jQuery GPS демо »
* Скачать jQuery GPS »
* Документация jQuery GPS »

05. jMapping – для создания Google Maps из семантической верстки

10 плагинов для jQuery, которые облегчат процесс установки Google Map

Плагин разработан для быстрого внедрения Google Maps вместе со списком локаций, указанных внутри HTML-кода. И выглядеть все это может настолько привлекательно, насколько может позволить HTML. Плагин предполагает, что HTML должен сгруппировать локации в один общий элемент и ждет необходимых метаданных о расположении. Таким образом, HTML отображает все эти части и данные, связанные с определенным местом.

* jMapping демо »
* Скачать jMapping »
* Документация jMapping »

06. Плагин Googlemap для jQuery от Dylan Verheul

10 плагинов для jQuery, которые облегчат процесс установки Google Map

Плагин облегчает процесс внедрения Google Map на Вашу страницу. Взгляните на исходный код этой страницы, если хотите увидеть, как работает плагин. Маркировку можно реализовать посредством объектов jQuery или набором объектов, которые предоставляют данные lat, lng и txt для всплывающего окна (опциально это txt).

* Googlemap jQuery Plugin – демо и исходники »

07. imGoogleMaps – Многократные адреса

10 плагинов для jQuery, которые облегчат процесс установки Google Map

Это, наверное, самый простой плагин из всех представленных в статье. Он был разработан для внедрения карты с минимальными основными опциями. Все, что Вам нужно, это чтобы клиент знал, где находится Ваша компания, и смог руководствоваться картой для этих целей. Этот плагин как раз и удовлетворяет эти потребности.
Этот плагин схож с тем, что Вы видите на Google Maps (в автоматическом режиме), но и в то же время дает возможность разработчику немного приукрасить интерфейс (в ручном режиме).

* imGoogleMaps демо »
* Скачать imGoogleMaps »
* Документация imGoogleMaps »

08. jMaps Framework

JMaps Framework предоставляет простой, но мощный API для использования сервиса Google Maps, с обычными способами jQuery для выполнения таких функций, как: геокод – другими словами – это получение любого существующего адреса в мире посредством API от Google для геокодирования; возможность добавления и удаления маркировки; возможность добавления прямых и кривых линий; возможно нанесения и удаления графических слоев на карту; возможность добавления слоев Google AdSense; возможность добавления или удаления слоев трафика; получение информации о центре карты, размере карты, типе карты и так далее.

* jMaps Framework демо »
* Скачать jMaps Framework »

09. jQuery-PlacePicker

10 плагинов для jQuery, которые облегчат процесс установки Google Map

jQuery-PlacePicker – это виджет геокодинга для jQuery с поддержкой третьей версии API Google Maps, который позволяет пользователям находить и выбирать локации.

* jQuery-PlacePicker демо »
* Скачать jQuery-PlacePicker »

10. jQmaps

jQmaps – это простой в применении распространенный плагин для Google Maps, в котором можно добавлять собственные точки с описанием и ссылки на горячие точки.
К нему не прилагается никакой документации или демо-проектов. Если Вам удобно пользоваться этим плагином – используйте, если нет – Вы можете выбрать что-то другое из этого списка.

* Скачать jQmaps »

Документация по Google Maps

01. Документация по jQuery и Google Maps: Основы

10 плагинов для jQuery, которые облегчат процесс установки Google Map

Если Вы никогда ранее не имели дела с интерфейсом Google Map, то есть вероятность того, что для Вас этот процесс покажется очень отпугивающим. Вам потребуется пошаговое объяснение, которое покроет основы и даст Вам понимание всего происходящего. Именно на это и рассчитана данная документация.

* Демо »
* Просмотреть документацию »

02. Точки сохранения и восстановления AJAX – Документация

10 плагинов для jQuery, которые облегчат процесс установки Google Map

В продолжение предыдущей статье, Вы обучитесь созданию и восстановлению точек посредством AJAX, а также языку на стороне сервера. Документация использует PHP/MySQL на сервере, но основу не так сложно переписать на другой язык.

* Демо »
* Просмотреть документацию »
Обнаружили ошибку или мёртвую ссылку?
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Нужна органическая вечная ссылка из данной статьи? Постовой?
Подробности здесь
Вам понравился материал? Поблагодарить легко!
Будем весьма признательны, если поделитесь этой статьей в социальных сетях:

Опубликовал Mysterious Master   Прочитано (раз): 14602   |   Нет комментариев
Источник материала / оригинал статьи   Распечатать
Другие статьи и новости по теме:
Добавление комментария
Уважаемые пользователи!
При добавлении комментариев на сайт Вам следует учитывать следующее - все комментарии проверяются Администрацией на предмет отсутствия спама. При обнаружении признаков спама, в оставленном Вами комментарии, сам комментарий будет незамедлительно удалён, а Ваш IP-адрес будет забанен без предупреждения! Учётные записи пользователей, рассылающих спам, блокируются/удаляются без права последующего восстановления.

С уважением, Администрация сайта.
* = поля обязательны к заполнению
Полужирный Наклонный текст Подчеркнутый текст Зачеркнутый текст | Выравнивание по левому краю По центру Выравнивание по правому краю | Вставка смайликов Выбор цвета | Скрытый текст Вставка цитаты Преобразовать выбранный текст из транслитерации в кириллицу Вставка спойлера
Вопрос : Национальная денежная единица России
Подтверждение кода безопасности :

Включите эту картинку для отображения кода безопасности
обновить, если не виден код


Клининг казань
Интерактивные карты крупнейших городов. О газете.
uborkaotido.ru
Радиусный шкаф купе
Шкафы с металлическими стеллажами по индивидуальным размерам
radius-kupe.ru
Купить детские обои в минске
Где купить детские обои? Бсе расцветки и бренды в нашем интернет-магазине
ecodecor.by
Популярные публикации


















Свежие шаблоны сайтов каждый день
С миру по нитке
«    Ноябрь 2017    »
ПнВтСрЧтПтСбВс
 12345
6789101112
13141516171819
20212223242526
27282930