Google Maps API Marker Clusterer Größe ändern Größe

Question

Ich versuche die Größe des Google Maps API Marker Clusters zu ändern. Standardmäßig der Marker kleine Größe (blaues Symbol/m1): 2-9 Marker, mittlere Ebene Größe (gelbes Symbol/m2): 10-100 Marker, große Ebene (rotes Symbol/m3) Größe: 101-250 Marker. (korrigiere mich wenn ich falsch liege).

Ich möchte den Wert der Ebenengröße kleiner als Standard ändern. Ich habe einen anderen Thread mit dem gleichen Thema gefunden, aber ich habe immer noch nicht klar Punkt.

Dies ist das Google Maps API Marker Cluster Symbol Ich meinte:

Google Maps API Marker Clusterer Icon

PS: ich nicht erwähnt, wie Clusterer Symbol zu ändern, ich meinte, wie Wert der Größe zu ändern. Bsp: Wie kann ich die Level-Größe des Markers ändern, sodass er in Blau (m1), Gelb (m2) und Rot (m3) geclustert wird? Die Standardgröße, wie ich bereits erwähnt habe, für M1 enthält es 2-9 Marker, kann ich den Größenwert nur auf 2-5 Marker ändern?

Answer 1

Sie müssen eine benutzerdefinierte -Funktion erstellen. Von der source (von der Version, auf die in der Dokumentation von Google verwiesen wird, vergewissern Sie sich, dass Sie die Dokumentation der Version, die Sie verwenden, überprüfen, die Sie nicht angegeben haben). Der Standard calculator Funktion:

/** 
* The function for calculating the cluster icon image. 
* 
* @param {Array.<google.maps.Marker>} markers The markers in the clusterer. 
* @param {number} numStyles The number of styles available. 
* @return {Object} A object properties: 'text' (string) and 'index' (number). 
* @private 
*/ 
MarkerClusterer.prototype.calculator_ = function(markers, numStyles) { 
    var index = 0; 
    var count = markers.length; 
    var dv = count; 
    while (dv !== 0) { 
    dv = parseInt(dv/10, 10); 
    index++; 
    } 

    index = Math.min(index, numStyles); 
    return { 
    text: count, 
    index: index 
    }; 
}; 

Die Funktion es gesetzt (was ihren Rückgabewert beschreibt, der Index ist der Index in das Array von Symbolen, ist der Text, der Text auf dem Cluster anzuzeigen):

/** 
* Set the calculator function. 
* 
* @param {function(Array, number)} calculator The function to set as the 
*  calculator. The function should return a object properties: 
*  'text' (string) and 'index' (number). 
* 
*/ 
MarkerClusterer.prototype.setCalculator = function(calculator) { 
    this.calculator_ = calculator; 
};