多边形孔(环)不起作用

时间:2015-10-20 14:23:37

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

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

JSFiddle link

代码段(来自小提琴):

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>

1 个答案:

答案 0 :(得分:1)

如果外圈顺时针方向转动,内部应逆时针方向转动&#39;将内部变为:

    [               
        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/