如何更改角度谷歌地圖中的標記集羣圖標圖像？

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>