Javascript 如何更改google地图上的群集图标？

我正在使用谷歌地图，我正在尝试使用集群功能，但它不起作用，也许你们中的一些人可以给我一个提示

这是一个小提琴工作，但它与默认的谷歌集群图像（黄色，蓝色n红色集群），你可以看到3个标记，如果你减少缩放你会看到集群

我想自定义它，所以我添加了计算器函数，根据集群上的标记数量返回我自己的一幅图像。但是当我这样做时，集群位于地图的顶部，而不是它应该位于的位置，我尝试设置avarege属性和anchor属性，但这两个属性都无法解决此错误

在这个提琴中，你可以看到计算器函数，对于只有一个makericoncluster的styles数组，总是返回1（具体到bug）。 当你缩小缩放时，你将看不到集群应该在哪里，但你会看到它在地图的顶部，我也没有放一张图片，我只写了一个文本“这里，伙计…”（具体到bug）。有人能帮我吗

（如果你点击标记，那只是一个“伙计，你能看到吗？”你将被放置在标记所在的位置）

这是我的<代码>宽度<代码>（和<代码>高度<代码>）-簇样式的属性不会缩放图像，而是剪裁图像。因此，在本例中，您将只获得图像的剪裁部分（为空）

使用CSS缩放图像，例如通过

.angular-google-map-container .cluster img {
  width:63px;
  height:93px;
}

---

工作提琴：

找到了一个可能有用的工作。问题是我没有看到高度也是必需的属性，我认为必需的属性列在底部，但那里隐藏着另一个必需的属性=（有了height属性就可以了。但是谢谢你为我的图像提供css参考，我不需要它，因为我的图像的尺寸已经是正确的了。宽度和高度不是真正的“必需的”，当它们被设置时，这应该会导致一个错误（因为宽度和高度没有设置）：…但是你会看到ClusterConhere写着它是必需的。但是无论如何，你解决了我的问题=D谢谢。Molle博士，你给我展示了定制集群图标的css，即。angular google map container.cluster img{width:63px；height:93px；}，我尝试以同样的方式自定义图标，我的图像是一个正方形，我想设置为一个圆形，我尝试使用.angular google map container.marker img，但它不起作用，您知道我应该使用什么吗？（通过

边框半径：50%

）。注意：当您在标记周围绘制边框时，必须减小img的宽度和高度（在CSS中）按边框宽度*2

.angular-google-map-container .cluster img {
  width:63px;
  height:93px;
}