在谷歌地图上的叠加层上创建洞答案

【问题标题】：Create holes on overlay on google map在谷歌地图上的叠加层上创建洞
【发布时间】：2012-08-16 06:59:14
【问题描述】：

我想创建两个谷歌地图 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);

如何在谷歌地图上实现蓝色区域为彩色而白色区域为透明的形状？提前谢谢..

【问题讨论】：

Google Maps API Polygon with "Hole" In Center 的可能重复项
不是重复的； Maps API 的 Circle 和 Polygon 对象具有非常不同的功能。多边形有一个外环和零个或多个内环（孔）。圆只是一个有中心和半径的圆。

标签： javascript google-maps google-maps-api-3

【解决方案1】：

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

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

【讨论】：