如何在圆形多边形中添加“洞”（Google Maps API V3）

Question

这个五边形的例子展示了如何在多边形内部添加孔：http://code.google.com/p/gmaps-samples-v3/source/browse/trunk/poly/pentagon.html?r=40 我想在圆形内部添加一个孔。

目前，我通过创建一个圆形多边形并放置内部和外部边界来模仿这个过程，它运行良好，但是由于地图中有约15个圆形，代码非常冗长。

任何帮助将不胜感激。

谢谢！

- Stu

Answer 1

我没有找到关于 Circle 类的任何东西，但有人已经发现了一种可以减小代码大小的函数。它做的事情和你正在做的一样，创建多边形，其形状类似于圆形。

function drawCircle(point, radius, dir) { 
var d2r = Math.PI / 180;   // degrees to radians 
var r2d = 180 / Math.PI;   // radians to degrees 
var earthsradius = 3963; // 3963 is the radius of the earth in miles

   var points = 32; 

   // find the raidus in lat/lon 
   var rlat = (radius / earthsradius) * r2d; 
   var rlng = rlat / Math.cos(point.lat() * d2r); 


   var extp = new Array(); 
   if (dir==1)  {var start=0;var end=points+1} // one extra here makes sure we connect the
   else     {var start=points+1;var end=0}
   for (var i=start; (dir==1 ? i < end : i > end); i=i+dir)  
   { 
      var theta = Math.PI * (i / (points/2)); 
      ey = point.lng() + (rlng * Math.cos(theta)); // center a + radius x * cos(theta) 
      ex = point.lat() + (rlat * Math.sin(theta)); // center b + radius y * sin(theta) 
      extp.push(new google.maps.LatLng(ex, ey)); 
      bounds.extend(extp[extp.length-1]);
   } 
   // alert(extp.length);
   return extp;
   }

var map = null;
var bounds = null;

function initialize() {
  var myOptions = {
    zoom: 10,
    center: new google.maps.LatLng(-33.9, 151.2),
    mapTypeControl: true,
    mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU},
    navigationControl: true,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  }
  map = new google.maps.Map(document.getElementById("map_canvas"),
                                myOptions);
 
  bounds = new google.maps.LatLngBounds();

  var donut = new google.maps.Polygon({
                 paths: [drawCircle(new google.maps.LatLng(-33.9,151.2), 100, 1),
                         drawCircle(new google.maps.LatLng(-33.9,151.2), 50, -1)],
                 strokeColor: "#0000FF",
                 strokeOpacity: 0.8,
                 strokeWeight: 2,
                 fillColor: "#FF0000",
                 fillOpacity: 0.35
     });
     donut.setMap(map);
  
 map.fitBounds(bounds);
 
}

http://www.geocodezip.com/v3_polygon_example_donut.html

函数drawCircle(point, radius, dir)使用dir来区分正空间和孔洞。您需要交替使用它们来创建孔洞。

- Heitor Chang