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

问题描述 投票:0回答:1

我有角谷歌地图,在地图上显示不同的数据类型。当我们缩小以表示数据类型时,我希望为agm-marker-cluster提供自定义图像。

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

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

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

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

提前致谢。

angular google-maps markerclusterer
1个回答
1
投票

所以我找到了答案,基于https://github.com/googlemaps/js-marker-clusterer我应该做的是命名像name1.png name2.png ... name5.png这样的图像然后当我想在标记集群中使用它们时我需要像imagePath =“设置imagePath” imageFolderPath / name“Sooo不需要在imagePath中包含1,2,...和.png。它解决了这两个问题。

我的代码看起来像这样:

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

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

© www.soinside.com 2019 - 2024. All rights reserved.