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

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 - >.../m5.png。 m1.png图标here!

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

请确保m1.png - >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>