Question

我的角谷歌地图中有一个标记列表。我能够在地图内创建聚类。但问题是，我想使用自己的图标而不是蓝色群集图标。

这是我的代码：

        <section class="col-sm-9 mapContainer">
            <ui-gmap-google-map id="mapDiv" center='map.center' zoom='map.zoom'>
                <ui-gmap-markers fit="map.fitProperty" models="markers|filter:filterSite" coords="'self'" type="'cluster'" icon="'icon'">
                    <info-window></info-window>
                </ui-gmap-markers>
            </ui-gmap-google-map>
        </section>

有人可以帮我吗？

Answer 1

Angular Google Map有5个用于markercluster的图标。例如.../m1.png - ＆gt; .../m5.png。 m1.png图标here!

您可以使用配置clusterOptions="{imagePath: 'yourImagesPath/m'}"更新图标。

确保m1.png - ＆gt; m5.png存在于您的图片文件夹中。

您的代码应为：

<ui-gmap-google-map id="mapDiv" center='map.center' zoom='map.zoom'>
  <ui-gmap-markers fit="map.fitProperty" models="markers|filter:filterSite" coords="'self'" type="'cluster'" icon="'icon'" clusterOptions="{imagePath: 'yourImagesPath/m'}">
    <info-window></info-window>
  </ui-gmap-markers>
</ui-gmap-google-map>

如何更改角谷歌地图中的标记群集图标图像？

1 个答案: