Angular 2 Google地图，在单击多边形时更改多边形颜色

Question

我正在使用Angular 2 Google Maps https://angular-maps.com/docs/api/latest/core/core/core/index/sebmgooglemap-directive.html

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

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

Answer 1

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

//create new options
var newOptions: PolygonOptions = {};
newOptions.fillColor = #223366;
newOptions.fillOpacity = 0.8;

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

Answer 2

我已经看了文档，似乎您需要更改多边形上的" fillColor"属性。

因此，您需要在课堂上的功能：

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

单击事件时：

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

是Triggert，它称为点击功能，多边形将更改其颜色。多数民众赞成在理论上，使其真实！

ps。：您的代码中有一个错字。在函数调用中，单击它必须是" rpolygon"而不是"多边形"，因为它是对迭代中多边形的引用。

 *ngFor="let Rpolygon of polygonPathDatas" 

愉快的编码！