Группа Маркеры - Google Maps API

Question

Я использую следующий код для создания моих маркеров:

var siteLatLng = new google.maps.LatLng(value2["lat"], value2["lon"]); 
var marker = new google.maps.Marker({ 
    position: siteLatLng, 
    map: map, 
    icon: 'https://maps.google.com/mapfiles/kml/shapes/schools_maps.png', 
    title: value2["title"], 
    zIndex: 4, 
    html: value2["content"] 
}); 

Теперь я хочу, чтобы сгруппировать маркеры из моей карты, которая была создана

var centerMap = new google.maps.LatLng(50, 10); 
var myOptions = { 
    zoom: 4, 
    center: centerMap, 
    mapTypeId: google.maps.MapTypeId.ROADMAP 
} 
var map = new google.maps.Map(document.getElementById('gMapsPreview'), myOptions); 

заранее спасибо :)

Answer 1

С Maps API V3 теперь вы можете создать MarkerCluster для объединения этих маркеров.

У меня нет ни одного рабочего примера, но вы можете пойти: https://developers.google.com/maps/articles/toomanymarkers , чтобы получить больше информации об этом.

А на самом деле есть несколько примеров через Интернет, как этот здесь: https://googlemaps.github.io/js-marker-clusterer/docs/examples.html

Чтобы использовать его, вы будете иметь что-то вроде этого:

var map = new google.maps.Map(document.getElementById("map"), options); 

var mcOptions = {gridSize: 50, maxZoom: 15}; 
var markers = [...]; // Create the markers you want to add and collect them into a array. 
var mc = new MarkerClusterer(map, markers, mcOptions);