Comment changer la couleur de la police de google maps marqueur clusterer

Quelqu'un pourrait-il me dire comment changer la couleur de police d'un markerclusterer marqueur. C'est mon code actuel pour le style de l'marqueur

mcOptions = {styles: [{
                height: 27,
                url: "image.png",
                width: 35
                }],
                maxZoom: 8
                }

var markerCluster = new MarkerClusterer(map, markers, mcOptions);
Voir ce google-maps-utility-library-v3.googlecode.com/svn/trunk/... .. il y a une option appelée textcolor dans il y, lire la doc 🙂
Pourquoi le downvote!?
Je n'ai pas lu la doc, c'est comment j'ai réussi à aller aussi loin que j'ai avec lui. J'ai raté textColor je dois avoir été mot "à l'aveugle":). Ce fixe, si vous vous mettez à titre de réponse, je vais le marquer comme correcte pour aider les futurs utilisateurs, il n'est actuellement pas une question de cette nature

OriginalL'auteur | 2013-08-28

  1. 9

    Vous pouvez consulter cette Documentation pour Marqueur Clusterer le cadre de la classe ClusterIconStyle

    Il y a une option nommée textColor qui définit la couleur du texte de l'étiquette affichée sur le cluster de l'icône.

    C'est ce que je voulais! 🙂 10x!
    Mis à jour le lien brisé (2017)
    je pense que c'est bon lien raw.githubusercontent.com/googlemaps/v3-utility-library/master/...
    htmlpreview.github.io/?https://github.com/googlemaps/...

    OriginalL'auteur Vikas Ghodke

  2. 11

    Un travail JSFIDDLE modifier les propriétés de police de la clustermarker. Ci-dessous le code:

    <!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>MarkerClusterer v3 Simple Example</title>
<style >
body {
margin: 0;
padding: 10px 20px 20px;
font-family: Arial;
font-size: 16px;
}
#map-container {
padding: 6px;
border-width: 1px;
border-style: solid;
border-color: #ccc #ccc #999 #ccc;
-webkit-box-shadow: rgba(64, 64, 64, 0.5) 0 2px 5px;
-moz-box-shadow: rgba(64, 64, 64, 0.5) 0 2px 5px;
box-shadow: rgba(64, 64, 64, 0.1) 0 2px 5px;
width: 600px;
}
#map {
width: 600px;
height: 400px;
}
</style>
<script src="https://maps.googleapis.com/maps/api/js"></script>
<script src="https://googlemaps.github.io/js-marker-clusterer/examples/data.json"></script>
<script type="text/javascript" src="https://googlemaps.github.io/js-marker-clusterer/src/markerclusterer.js"></script>
<script>
function initialize() {
var center = new google.maps.LatLng(37.4419, -122.1419);
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 3,
center: center,
mapTypeId: google.maps.MapTypeId.ROADMAP
});
var markers = [];
for (var i = 0; i < 100; i++) {
var dataPhoto = data.photos[i];
var latLng = new google.maps.LatLng(dataPhoto.latitude,
dataPhoto.longitude);
var marker = new google.maps.Marker({
position: latLng
});
markers.push(marker);
}
var mcOptions = {
//imagePath: 'https://googlemaps.github.io/js-marker-clusterer/images/m',
styles:[{
url: "https://googlemaps.github.io/js-marker-clusterer/images/m1.png",
width: 53,
height:53,
fontFamily:"comic sans ms",
textSize:15,
textColor:"red",
//color: #00FF00,
}]
};
var markerCluster = new MarkerClusterer(map, markers, mcOptions);
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>
<body>
<h3>A simple example of MarkerClusterer (100 markers)</h3>
<div id="map-container"><div id="map"></div></div>
</body>
</html>

    Ici est la Référence de l'API de lien pour plus d'options et de personnalisations.

    Merci pour l'archive web lien de référence. La page de référence qui a été porté à GitHub semble avoir été tronqué une partie du chemin vers le bas.

    OriginalL'auteur Rahul Gupta

  3. 0

    Essayer cette 

    mcOptions = {styles: [{
height: 27,
url: "image.png",
width: 35,
color: #00FF00,
}],
maxZoom: 8
}
    Merci pour la réponse. C'était d'abord essayer, mais il ne fonctionne pas
    il n'y a pas de "couleur". l'option est "textColor" et de la couleur hex valeur doit être enveloppé dans de la entre guillemets parce que c'est une chaîne.

    OriginalL'auteur Razz

  4. 0

    Vous pouvez passer juste un élément dans styles option, à l'instar de ce

    var options = {
maxZoom: 15,
styles:[{
url: 'https://googlemaps.github.io/js-marker-clusterer/images/m1.png',
width: 53,
height: 53,
textColor: '#fff',
}]
};
var mc = new MarkerClusterer(map, markers, options);

    mais dans ce cas, vous aurez une img pour toutes les tailles de cluster (1-10-100).
    Mieux passer les 5 éléments. Un pour chaque taille de cluster, mais c'est trop de lignes de code (j'ai 3 clusterers sur la carte).

    Donc, pour moi, fonctionne de cette

    var mc = new MarkerClusterer(map, [], {
imagePath: 'https://googlemaps.github.io/js-marker-clusterer/images/m',  
maxZoom: 15  
});
mc.setStyles(mc.getStyles().map(function (style) {
style.textColor = '#fff';
return style;
}));
mc.addMarkers(markers)

    OriginalL'auteur Vasilii Suricov

  5. 0
    public Bitmap makeIcon(String text, int textColor) {
ensureViewsSetUp();
if (mTextView != null) {
mTextView.setText(text);
mTextView.setTextColor(textColor);
}
return makeIcon();
}

    Sur google map il y a des groupes et par défaut, le cluster couleur d'arrière-plan est bleu et le texte (nombre) la couleur est blanche,
    si tu veux changer la couleur du texte, puis vous avez besoin de changer dans cette méthode de IconGenerator.java

    s'il vous plaît écrire une description pour votre réponse. les OP devraient savoir au sujet de vos codes. merci.

    OriginalL'auteur Sayali