代码之家  ›  专栏  ›  技术社区  ›  JesseB1234

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

  •  0
  • JesseB1234  · 技术社区  · 1 年前

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

    enter image description here

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

    enter image description here

    发生了什么事?

    enter image description here

    多边形就是这样创建的。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);
    
    0 回复  |  直到 1 年前