在谷歌地图上的叠加层上创建孔

Question

我想创建两个谷歌地图api叠加层，使得一个叠加层包含另一个小叠加层。另一个小叠加层应该是透明的。像甜甜圈。但我无法创建这样的形状，因为如果我使内部覆盖层透明，那么外部覆盖层填充颜色。我想在谷歌地图上制作这种类型的形状 -

它可以是圆形或多边形。我试过这个但不适合我。

var populationOptions = {
      strokeColor: "#FF0000",
      strokeOpacity: 0.8,
      strokeWeight: 2,
      fillColor: "#FF0000",
      fillOpacity: 0.35,
      map: map,
      center: latlng,
      radius: 100000,
      editable: true,
      zIndex:100
    };
    cityCircle = new google.maps.Circle(populationOptions);

    var populationOptions1 = {
          strokeColor: "#FF0000",
          strokeOpacity: 0.8,
          strokeWeight: 2,
          fillColor: "#ccffcc",
          fillOpacity: 0.00,
          map: map,
          center: latlng,
          radius: 10000,
          editable: true,
          zIndex:1000
        };
        cityCircle1 = new google.maps.Circle(populationOptions1);

如何在谷歌地图上实现这种形状，蓝色区域会变色，白色区域会透明吗？ 提前谢谢..

Answer 1

最后我找到了答案。 this link非常有用。它对我有用......

Another example of a "donut" polygon，关键是内部“洞”路径的路径的缠绕方向需要与外部路径的路径方向相反。