Скачать

Что это?

Интерфейс для добавления/удаления и группировки маркеров на карте. Вы можете настроить иконку группового маркера (изображение и тень), высоту и ширину ячейки группирующей сетки, зум-порог сброса группировки маркеров, а так же квадратную область карты за пределами видимой области, в которой перемещения пользователя по карте не будут вызывать перерисовку. Все параметры опциональны.


Как использовать

Инициализация менеджера маркеров

var markerManagerOptions = {
  icon: {
    src: "http://maps.google.com/mapfiles/ms/micons/partly_cloudy.png",
shadow: "http://maps.google.com/mapfiles/ms/micons/partly_cloudy.shadow.png"
  },
  cell: {
    width: 48,
    height: 96
  },
  threshold: 12,
  sanity: 1.5
};
var markerManager = new GmapsMarkerManager(map, markerManagerOptions);
Добавление маркера на карту через общий интерфейс
var marker = new google.maps.Marker({
  position: new google.maps.LatLng(-25.363882, 131.044922)
}));
markerManager.addMarker(marker);
Удалять маркеры мне не требовалось, но чтобы такая возможность была, добавил метод удаления по индексу в массиве
markerManager.removeMarkerByNumber(0);
Посмотреть пример в отдельном окне
Обновить окно примера


ДРУГИЕ НАШИ РАЗРАБОТКИ

— Удобные маркеры для гуглокарт
Плагин позволяет отображать множество маркеров на карте с кастомными иконками и информационными окнами, группировать (опционально). Так же есть возможность указать целевой инпут, который будет использоваться для геокодирования, перетаскиванием маркера вручную корректировать результаты и отслеживать их изменение.
— группировка маркеров на карте
Класс для группировки маркеров на картах Google, использует Google Maps Javascript API V3, написан на нативном JS без использования каких-либо фреймворков.

КОНТАКТНАЯ ИНФОРМАЦИЯ

  • Телефон в СПБ: +7 812 448-84-16
  • Телефон в Мск: +7 495 721-88-57

Почтовый адрес: 196084, Санкт-Петербург,
ул. Малая Митрофаньевская, д.4, ООО «Инлайн»