如何更改角度谷歌地图上的集群图标？

Question

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

这是一个小提琴，但它使用默认的谷歌集群图像（黄色、蓝色和红色集群），你可以看到 3 个标记，如果你减小缩放，你会看到集群。

http://jsfiddle.net/5ya0svjs/11/

$scope.clusterOpt = {
        calculator: function(){
            return { index: 1 , text: "HERE DUDE, CAN U SEE?", title:"Please help me guys"};
        },
        styles: [
            {
                url: "mypath/anyImage.png",
                width: 63
            }
        ],
        averageCenter: true
    };

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

在这个小提琴中你可以看到计算器函数，对于只有 1 个 makericoncluster 的样式数组总是返回 1 （具体与错误有关）。 当您减小缩放时，您将看不到它应该在的位置，但您会在地图顶部看到它，我也没有放图像，我只写了一个文字“Here dude ...”）（要具体与错误）。有人可以帮我吗？

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

这是我的Fiddle

Answer 1

集群样式的width（和height）属性不会缩放图像，它们会剪切图像。所以在这个例子中你只会得到图像的剪辑部分（它是空的）。

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

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

工作小提琴：http://jsfiddle.net/5ya0svjs/30/