我正在使用MarkerCluster.js在我的google maps api中创建群集。群集按照我想要的方式工作但是我想要的风格与黄色,蓝色和红色圆圈不同。我试图使用MarkerStyleOptions,它说你有一组样式,首先是最小的簇图标,最后是最大的。我尝试在下面创建这个,但是我对使用什么语法感到困惑,并且找不到任何好的例子。
var clusterStyles = [
[opt_textColor: 'white'],
[opt_textColor: 'white'],
[opt_textColor: 'white']
];
var mcOptions = {
gridSize: 50,
styles: clusterStyles,
maxZoom: 15
};
var markerclusterer = new MarkerClusterer(map, cluster, mcOptions);
答案 0 :(得分:89)
您需要做的是使用网址指定要使用的图像,而不是当前使用的蓝色/黄色/红色图像。也可能包括高度和宽度选项也是个好主意。
var clusterStyles = [
{
textColor: 'white',
url: 'path/to/smallclusterimage.png',
height: 50,
width: 50
},
{
textColor: 'white',
url: 'path/to/mediumclusterimage.png',
height: 50,
width: 50
},
{
textColor: 'white',
url: 'path/to/largeclusterimage.png',
height: 50,
width: 50
}
];
答案 1 :(得分:3)
发布一个相当有用的答案永远不会太晚,所以另外你可以浏览整个MarkerClusterer Documentation for IconStyle
<强>更新强>
还有google maps v3 utility on github,如ehcanadian所述