Angular 2谷歌地图，在多边形点击时更改多边形颜色

Question

我正在使用有角度的2谷歌地图https://angular-maps.com/docs/api/latest/ts/core/index/SebmGoogleMap-directive.html

＆＃13;

＆＃13;

       <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>

＆＃13;

＆＃13;

＆＃13;

如何在多边形点击上更改多边形的颜色

Answer 1

我看了一下文档，看起来你需要更改＆＃34; fillColor＆＃34;多边形上的属性。

所以你需要一个类中的函数，如：

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

点击事件时：

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

是triggert，它调用click函数，多边形将改变其颜色。多数民众赞成理论，让它真实！

Ps。：您的代码中有拼写错误。在函数调用中单击它必须是＆＃34; Rpolygon＆＃34;不是＆＃34;多边形＆＃34;因为它是迭代引用你的多边形。

 *ngFor="let Rpolygon of polygonPathDatas" 

快乐的编码！

Answer 2

您可以使用称为PolygonOptions的属性。例如

//create new options
var newOptions: PolygonOptions = {};

newOptions.fillColor = #223366;
newOptions.fillOpacity = 0.8;


//update polygon options
polygon.setOptions(newOptions);