如何在google-map中绘制一个圆圈

时间:2013-02-26 22:04:43

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

如果用户有纬度,经度和半径,如何在特定位置(中心除外)的Google地图中绘制圆圈?

2 个答案:

答案 0 :(得分:3)

// Create marker 
var marker = new google.maps.Marker({
  map: map,
  position: new google.maps.LatLng(53, -2.5),
  title: 'Some location'
});

// Add circle overlay and bind to marker
var circle = new google.maps.Circle({
  map: map,
  radius: 16093,    // 10 miles in metres
  fillColor: '#AA0000'
});

circle.bindTo('center', marker, 'position');

听起来如果你有lat / long和你想要的半径,那么你可以在地图上的某个地方定义一个点,然后将圆圈绑定到那个点。

Source

答案 1 :(得分:0)

Here you go

google.maps.CircleOptions