Добро пожаловать на портал вебмастеров WebmastersBY
Веб-программирование

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

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

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>'
    }
});

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

Особенности

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

Новый комментарий

Имя:
Для редактирования комментария осталось 10 минут
Комментарии отсутствуют