agm-marker-cluster中的imagepath格式是什么?如何为不同类型分配不同的标记簇图标?

时间:2018-09-04 19:47:35

标签: angular google-maps markerclusterer

我有角度的Google地图,该地图在地图上显示不同的数据类型。当我们缩小以表示数据类型时,我想为agm-marker-cluster创建一个自定义图像。

我试图将imagePath更改为项目目录中的图像,但未成功,我可以在地图上看到数据类型的数量,但看不到任何图像。

我的第一个问题是imagePath格式是什么?我觉得我的问题是imagePath。根据我的研究,我们需要在路径末尾添加“ / m”,我这样做是对的吗? 代码是这样的:

<agm-marker-cluster imagePath="/Content/Icons/example.png/m" >

第二个问题是如何为不同数据类型的agm-marker-cluster添加不同的图标/图像,我的意思是如何在代码中处理多个图像?

谢谢。

1 个答案:

答案 0 :(得分:1)

因此我找到了答案,根据https://github.com/googlemaps/js-marker-clusterer,我应该做的是将图像命名为name1.png name2.png ... name5.png,然后在标记群集中使用它们时我需要设置imagePath,例如imagePath =“” imageFolderPath / name“这样,就不必在imagePath中包含1,2,...和.png。并且它可以解决两个问题。

我的代码如下:

<agm-marker-cluster imagePath="/Content/Icons/name" >

在/ Content / Icons文件夹中,我有name1.png name2.png name3.png