2017-03-06 148 views
0

我使用角2谷歌地图https://angular-maps.com/docs/api/latest/ts/core/index/SebmGoogleMap-directive.html角2个谷歌地图,在多边形单击更改多边形颜色

 <sebm-map-polygon #polygon *ngFor="let Rpolygon of polygonPathDatas" 
 
     [paths]="Rpolygon.path" 
 
     [clickable] = "true" 
 
     strokeColor ="#00000" 
 
     [strokeWeight]=".6"  
 
     [editable]="false" 
 
     [draggable]="false" 
 
     (polyClick)="click($event,polygon)" 
 
     (polyDblClick)="delete($event)"> 
 
     </sebm-map-polygon>

我怎样才能改变多边形的颜色对多边形点击

回答

0

我看了看文档,好像你需要改变多边形上的“fillColor”属性。

所以你需要一个功能,在您的类,如:

click(event,polygon) { 
    polygon.fillColor = "#9c9c9c" 
} 

当单击事件:

(polyClick)="click($event, Rpolygon)" 

是triggert它调用的点击功能和多边形会改变其颜色。这就是理论,让它成为现实!

Ps .:您的代码中存在拼写错误。在函数调用中,点击它必须是“Rpolygon”而不是“polygon”,因为它是迭代中对多边形的引用。

*ngFor="let Rpolygon of polygonPathDatas" 

快乐编码!