如何在GoogleMaps中使用多边形绘制圆

Question

下面是代码，我想用多边形函数在地图API V3中绘制一个圆圈，而不是在谷歌地图中使用圆圈函数，因为我必须在圆的圆周上重新创建一些形状，就像这里

http://textonly.in/docs/map7.html

是否有办法得到圆周上的点?

var mapOptions = {
    zoom: 13,
    center: new google.maps.LatLng(45.512158914823035,-74.12200927734375),
    mapTypeId: google.maps.MapTypeId.TERRAIN
};
var bermudaTriangle;
var bermudaTriangle1;
var rectangle;
var citymap = {};
citymap['chicago'] = {
    center: new google.maps.LatLng(45.637839, -73.648316),
};
var map = new google.maps.Map(document.getElementById('map-canvas'),
  mapOptions);
for (var city in citymap) {
    var populationOptions = {
        strokeColor: '#FF0000',
        strokeOpacity: 0.0,
        strokeWeight: 0,
        fillColor: '#FF0000',
        fillOpacity: 0.35,
        map: map,
        center: citymap[city].center,
        radius: 39 * 1000
    };
    // Add the circle for this city to the map.
    cityCircle = new google.maps.Circle(populationOptions);
}

Answer 1

基本上不可能得到"点"，因为一个圆不是基于点创建的(会有无限数量的点)

可能的解决方案(使用几何库)，以获得"一些点"，能够创建一个多边形，看起来像一个圆:

在标题为递增的循环中使用方法google.maps.geometry.spherical.computeOffset:

  function circlePath(center, radius, points){
    var a=[],p=360/points,d=0;
    for(var i=0;i<points;++i,d+=p){
        a.push(google.maps.geometry.spherical.computeOffset(center,radius,d));
    }
    return a;
  }

参数points是返回点的期望个数。

函数返回一个适合用作多边形路径的数组。

演示: http://jsfiddle.net/doktormolle/NLHf9/