agm-marker-cluster 中的图像路径格式是什么，如何为不同类型分配不同的标记簇图标？

Question

我有 angular google 地图，它在地图上显示不同的数据类型。当我们缩小以表示数据类型时，我想为 agm-marker-cluster 使用自定义图像。

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

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

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

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

提前致谢。

Answer 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

agm-marker-cluster 中的图像路径格式是什么，如何为不同类型分配不同的标记簇图标？

What is the imagepath format in agm-marker-cluster, and how can I assign different marker cluster icons for different types?

google-maps

markerclusterer

angular