Question

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

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

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

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

在这个小提琴中你可以看到计算器函数，对于只有1个makericoncluster的样式数组，总是返回1（具体来说就是bug）。当你缩小缩放时你不会看到它应该在哪里，但你会在地图上看到它，我也没有放一个图像，我只写了一个文字“这里伙计......”）（是特定的bug）。有人能帮助我吗？

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

这是我的Fiddle

Answer 1

width（和height） - 群集样式的属性不会缩放图像，它们会剪切图像。因此，在示例中，您将只获取图像的剪切部分（空白）。

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

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

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

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

1 个答案: