我有角度的Google地图,该地图在地图上显示不同的数据类型。当我们缩小以表示数据类型时,我想为agm-marker-cluster创建一个自定义图像。
我试图将imagePath更改为项目目录中的图像,但未成功,我可以在地图上看到数据类型的数量,但看不到任何图像。
我的第一个问题是imagePath格式是什么?我觉得我的问题是imagePath。根据我的研究,我们需要在路径末尾添加“ / m”,我这样做是对的吗? 代码是这样的:
<agm-marker-cluster imagePath="/Content/Icons/example.png/m" >
第二个问题是如何为不同数据类型的agm-marker-cluster添加不同的图标/图像,我的意思是如何在代码中处理多个图像?
谢谢。
答案 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