Javascript 谷歌地图多边形轮廓颜色随多边形重叠而变化

（在看到API.oops的具体版本之前，我在谷歌地图论坛上发布了这篇文章）

我有一个谷歌地图网页，我试图在那里画很多多边形。目前正在使用谷歌地图api v3.8（Ubuntu10下的Firefox17.0.1）

当我准备好展示的时候

然后我通过调用相同的代码创建了另外大约3600个绿色多边形（宽度6，线条不透明度0.7，填充不透明度0.2）

问题是我所看到的并不一致。我希望看到很多蓝绿色的方块或蓝绿色的方块，这取决于浏览器首先绘制的方块。但我没有。我看到了蓝绿色和蓝绿色

我无法真正链接到我的应用程序，但这是缩小地图时的样子：

放大时：

我真的不太在乎当两者都显示时它是蓝绿色还是蓝绿色，但我确实需要它在整个地图上保持一致

在高层，有什么想法吗？我是不是碰到了某种形状限制

• B

---

我应该提到，除了“蛋港城”标签下的Horitzon绿线之外，这两个区域是匹配的。您是否绘制了完全相同的多边形位置，但具有不同的属性？是，我正在创建一个编辑功能，一种颜色代表前面，一种颜色代表后面。您是否试图突出显示街道/道路？现在，你的高亮显示看起来很厚，几乎是你发布的图片的4倍。我不是想照亮一条路。我允许用户选择一个包含一个区域的框。On color表示他们之前选择的颜色（蓝色），另一种颜色在编辑过程中显示框（绿色）。Google map javascript或我的浏览器可能会随机决定首先绘制哪个多边形。同样，在缩放图像中，每个多边形都有蓝色正方形和绿色正方形。有些你能看到蓝色的轮廓，有些你看不见。我并不特别在意你看到的是哪一个轮廓，但我确实需要它与所有的波格冈人保持一致。

<script type="text/javascript" src="http://maps.google.com/maps/api/js?v=3.8&libraries=geometry&sensor=false" ></script>

record.poly = new google.maps.Polygon({
    strokeColor: lineColor,
    strokeOpacity: lineOpacity,
    strokeWeight: lineWidth,
    fillColor: lineColor,
    fillOpacity: fillOpacity
});
for (var i = 0; i < points.length; i += 2)
{
    var point = new google.maps.LatLng(points[i + 1], points[i]);
    record.poly.getPath().push(point);
}

record.poly.setMap(myMap);