样式化 MarkerClusterer 图标？

Question

我正在使用 MarkerCluster.js 在我的谷歌地图 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);

原文由 Louise McComiskey 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您需要做的是使用 url 指定要使用的图像，而不是当前正在使用的蓝色/黄色/红色图像。也包括高度和宽度选项可能是个好主意。

 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
  }
];

原文由 duncan 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

发布一个相当有用的答案永远不会太晚，因此您还可以查看 IconStyle 的整个 MarkerClusterer 文档

更新

正如 ehcanadian 所述， github 上还有 google maps v3 实用程序

原文由 Yazan Rawashdeh 发布，翻译遵循 CC BY-SA 4.0 许可协议