2017-03-06 158 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" 

快樂編碼!