谷歌地图多个多边形/颜色缩放变黑/颜色错误

该地图有几个不同颜色的多边形(黄色->红色)。多边形经过渲染后,除了右侧的部分黑色多边形外,它看起来很好:

然后,当我放大一点时,颜色会变得一团糟。一个人也有多种颜色?(蓝色箭头):

发生了什么事?

多边形就是这样创建的。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);