GoogleMapsAPI - 在初始化後更改多邊形的strokeColor

Question

我正在創建一個使用GoogleMapsAPI在Google地圖上呈現多個多邊形的Web應用程序。

var polyCoords = []; 

function initMap(){ 
    var loc = {lat:23, lng:90}; 
    var polyArr = [{coords : coordsof P1, weight: weight of P1}, ..... , {coords of Pn}]; 
    map = new google.maps.Map(
       document.getElementById('map'), { 
        zoom : 11, 
        center : loc 
       }); 
    for (var poly in polyArr){ 
     var gridPoly = new google.maps.Polygon({ 
           paths : polyArr[poly].coords, 
           strokeColor : "#FF0000", 
           strokeOpacity : 0.8, 
           strokeWeight : 2, 
           fillColor : "#FF0000", 
           fillOpacity : 0.10 
          }); 
     gridPoly.setMap(map); 
     polyCoords[grid] = gridPoly; // polyCoords.push(gridPoly); 
    } 
} 

上述代碼正確顯示地圖。但是，我有一個HTML滑塊，它爲我提供了一個值，用於根據polyArr變量中的權重值進行過濾。現在我想更改濾出的多邊形的strokeColor。

function updateStroke(filterIndex){ 
    polyCoors[filterIndex].strokeColor = '#000000'; 
    polyCoors[filterIndex].setMap(map); 
} 

這似乎不起作用。

Answer 1

嘗試以下操作：

polyCoors[filterIndex].setOptions({strokeColor: '#000000'}) 

欲瞭解更多信息請訪問的PolygonOptions文檔https://developers.google.com/maps/documentation/javascript/reference#PolygonOptions
希望的作品！