多边形孔（环）不起作用[关闭]答案

【问题标题】：Polygon hole (ring) does not work [closed]多边形孔（环）不起作用[关闭]
【发布时间】：2015-10-20 14:23:37
【问题描述】：

为什么多边形孔不起作用？

代码 sn-p（来自小提琴）：

var map;

(function() {

  map = new google.maps.Map(document.getElementById('map'), {
    center: {
      lat: -23.6569389,
      lng: -46.5297752
    },
    zoom: 15,
  });


  var paths = [
    [
      new google.maps.LatLng(-23.644288322408464, -46.52812957763672),
      new google.maps.LatLng(-23.65368372747241, -46.5476131439209),
      new google.maps.LatLng(-23.6694460501439, -46.54031753540039),
      new google.maps.LatLng(-23.669563965596268, -46.5146541595459),
      new google.maps.LatLng(-23.65372303737324, -46.50959014892578)
    ],
    [
      new google.maps.LatLng(-23.656828482209104, -46.53083324432373),
      new google.maps.LatLng(-23.658754607146985, -46.53306484222412),
      new google.maps.LatLng(-23.658911840583425, -46.528472900390625)
    ]
  ]

  var shape = new google.maps.Polygon({
    map: map,
    paths: paths
  });

})();

html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
}
#map {
  height: 100%;
}

<script src="https://maps.googleapis.com/maps/api/js"></script>
<div id="map"></div>

【问题讨论】：

如果您的问题不点击链接无法理解，那么它不属于这里。
stackoverflow 给出错误。不会让我发布代码片段或链接 JsFiddle

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

【解决方案1】：

如果外圈是“顺时针”，内圈应该是“逆时针”。将内部更改为：

    [               
        new google.maps.LatLng(-23.658911840583425, -46.528472900390625),
        new google.maps.LatLng(-23.658754607146985, -46.53306484222412),
        new google.maps.LatLng(-23.656828482209104, -46.53083324432373)
    ]

工作演示：https://jsfiddle.net/s1whs53w/1/

【讨论】：