Javascript GoogleMapsAPI-初始化后更改多边形的strokeColor

我正在创建一个web应用程序，它使用GoogleMapsAPI在GoogleMaps上渲染多个多边形

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);
}

这似乎不起作用。

请尝试以下操作：

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

有关更多信息，请访问PolygonOptions文档

---

希望能成功

Polycoor是否携带坐标或多边形实例本身。代码中有很多数组，我不明白哪一个是我忘了在问题中添加polyCoords[poly]=gridPoly行什么是不工作的setMap方法？如果你看到updateStroke，我正在将多边形边界的颜色更新为黑色。它没有反映在地图上。我得到了一个javascript错误，发布的代码是：uncaughtreferenceerror:polyCoords没有定义hanks，这对谷歌来说是一个非常不直观的实现。