该地图有几个不同颜色的多边形(黄色->红色)。多边形经过渲染后,除了右侧的部分黑色多边形外,它看起来很好:
然后,当我放大一点时,颜色会变得一团糟。一个人也有多种颜色?(蓝色箭头):
发生了什么事?
多边形就是这样创建的。fillColor“color”是一个十六进制“#FF0000”。我已经尝试为它们中的每一个设置不同的zIndex,增量。
let coordinates: any[] = [];
for (let r = 0; r < polygon.length; r++) {
coordinates.push(polygon[r]);
bounds.extend(polygon[r])
}
// Construct the polygon
let newPolygon = new google.maps.Polygon({
paths: coordinates,
strokeColor: '#888888',
strokeOpacity: 0.0,
strokeWeight: 1,
fillColor: color,
fillOpacity: 1,
clickable: true,
zIndex: 1,
editable: false
});
newPolygon.setMap(map);