Google maps api 3 Google Maps JS API v3单标记多圈

截图：

上述结果由同一地点的多个标记（半径不同）提供

我想一次拖动一个标记，而不是多个标记

其次，信息窗口可用于不同的半径

非常感谢您的帮助

var locations = [
  ['US gov suggested', 1.8833, 102.7833, 5, 'green', 80000],
  ['agricultural contamination', 1.8833, 102.7833, 4, 'blue', 60000],
  ['Chernobyl_Exclusion_Zone (fallout)', 1.8833, 102.7833, 3, 'yellow', 30000],
  ['Fukushima evacuation zone', 1.8833, 102.7833, 2, 'red', 20000],
  ['emergency zone', 1.8833, 102.7833, 1, 'black', 5000]

];

及

var infowindow=new google.maps.infowindow（）；
var标记，i；
对于（i=0；i

参考资料：

---

使用圆的方法创建尽可能多的圆，并将每个圆的

中心

-属性绑定到标记的

位置

-属性，创建尽可能多的圆，并将每个圆的

中心

-属性绑定到标记的

位置

-属性使用圆圈的方法

var infowindow=new google.maps.infowindow（）
var infowindow = new google.maps.InfoWindow()

var marker, i;
  marker = new google.maps.Marker({
  position: new google.maps.LatLng(locations[0][1], locations[0][2]),
  draggable: true,
  map: map
  });

for (i = 0; i < locations.length; i++) {  

  var circle = new google.maps.Circle({
    map: map,
    clickable:true,
    fillColor:locations[i][4],
    //fillOpacity:0.3, 
    //strokeColor:locations[i][4],
    strokeOpacity:0.1,
    //strokeWeight:1,
    radius: locations[i][5] // 30 km
  });

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

var标记，i；
marker=新的google.maps.marker({
位置：新的google.maps.LatLng（位置[0][1]，位置[0][2]），
真的，
地图：地图
});
对于（i=0；i

第二，添加多个圆形重叠并不容易。有什么想法或提示吗？例如

参考资料：

var infowindow=new google.maps.infowindow（）
var标记，i；
marker=新的google.maps.marker({
位置：新的google.maps.LatLng（位置[0][1]，位置[0][2]），
真的，
地图：地图
});
对于（i=0；i

第二，添加多个圆形重叠并不容易。有什么想法或提示吗？例如

参考：

var infowindow = new google.maps.InfoWindow()

var marker, i;
  marker = new google.maps.Marker({
  position: new google.maps.LatLng(locations[0][1], locations[0][2]),
  draggable: true,
  map: map
  });

for (i = 0; i < locations.length; i++) {  

  var circle = new google.maps.Circle({
    map: map,
    clickable:true,
    fillColor:locations[i][4],
    //fillOpacity:0.3, 
    //strokeColor:locations[i][4],
    strokeOpacity:0.1,
    //strokeWeight:1,
    radius: locations[i][5] // 30 km
  });

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