Gmaps.js - простой способ использования Google Maps

Gmaps.js - это простая библиотека, которая позволяет легко использовать широкие возможности Google Maps. Нет более необходимости в подробной документации или большом количестве кода. Есть много jQuery плагинов для Google Maps, но эта библиотека более легкая и простая для использования.

С Gmaps.js мы можем определить масштаб, добавить маркеры, получить расположение пользователей (HTML5 геолокации), определить маршруты, рисовать ломаные линии и многое другое, и для этого необходимо написать только несколько строк кода.

Примеры использования:

Создание карты

new GMaps({
 div: '#map',
 lat: -12.043333,
 lng: -77.028333
});

Также можно добавить настройки zoom, width, height. По-умолчанию, zoom равен 15.

События

map = new GMaps({
 div: '#map',
 zoom: 16,
 lat: -12.043333,
 lng: -77.028333,
 click: function(e) {
 alert('click');
 },
 dragend: function(e) {
 alert('dragend');
 }
});
 

Поддерживаются все события Maps API.

Геолокация

GMaps.geolocate({
 success: function(position) {
 map.setCenter(position.coords.latitude, position.coords.longitude);
 },
 error: function(error) {
 alert('Geolocation failed: '+error.message);
 },
 not_supported: function() {
 alert("Your browser does not support geolocation");
 },
 always: function() {
 alert("Done!");
 }
});

Добавление маркера

map.addMarker({
 lat: -12.043333,
 lng: -77.028333,
 title: 'Lima',
 click: function(e) {
 alert('You clicked in this marker');
 },
 infoWindow: {
 content: '<p>Home, sweet home...</p>'
 }
}
});

Другие примеры.

Особенности

  • Очень легко использовать при написании небольшого объема кода.
  • Есть опции для отображения направления.
  • Вы можете подсвечивать или создавать наложения на карту.
  • Различные полезные события.
  • Возможность нанесения маршрутов на карте.
  • Возможность создания контекстного меню.
  • Отображение статических карт с помощью маркеров или полилиний

Скачать: http://hpneo.github.com/gmaps/

Лицензия: Лицензия MIT


Если у Вас возникли вопросы, то для скорейшего получения ответа рекомендуем воспользоваться нашим форумом

You have no rights to post comments