javascript谷歌地图语义缩放

javascript谷歌地图语义缩放,javascript,google-maps,google-maps-api-3,Javascript,Google Maps,Google Maps Api 3,我目前正在尝试实现语义缩放,类似于Mike Bostock在javascript google maps api中演示的方式。在缩放操作中创建这些标记后,我无法确定如何更改这些标记的样式(半径、不透明度)。有没有一种方法可以做到这一点,而不删除它们,然后用不同的大小重新创建它们 //喷发覆盖 对于(喷发中的var喷发){ var coordinates=new google.maps.LatLng(喷发[喷发]。纬度,喷发[喷发]。经度); var expreationcircle=新的goo

我目前正在尝试实现语义缩放,类似于Mike Bostock在javascript google maps api中演示的方式。在缩放操作中创建这些标记后,我无法确定如何更改这些标记的样式(半径、不透明度)。有没有一种方法可以做到这一点,而不删除它们,然后用不同的大小重新创建它们

//喷发覆盖
对于(喷发中的var喷发){
var coordinates=new google.maps.LatLng(喷发[喷发]。纬度,喷发[喷发]。经度);
var expreationcircle=新的google.maps.Circle({
类别:'标记喷发',
strokeColor:U色,
strokeOpacity:marker_border_opacity(),
冲程重量:2,
填充颜色:颜色,
fillOpacity:marker_opacity(),
地图:地图,
中心:坐标,
半径:喷发大小(喷发[喷发].VEI),
});
喷发。推(喷发圈);
}
map.addListener('zoom_changed',function(){
var zoomLevel=map.getZoom();
//待办事项-需要找到一种在语义上放大这些标记的方法
});您可以使用setOption

   eruptionCircle.setOptions({radius: eruption_size(yourNewRadius)}); 
您也有一个错误(以这种方式删除最后一个
表单选项)

var eruptionCircle = new google.maps.Circle({
  class: 'marker eruption',
  strokeColor: ERUPTION_COLOR,
  strokeOpacity: marker_border_opacity(),
  strokeWeight: 2,
  fillColor: ERUPTION_COLOR,
  fillOpacity: marker_opacity(),
  map: map,
  center: coordinates,
  radius: eruption_size(eruptions[eruption].VEI)
});

到目前为止,您做了什么,它做了什么,与您希望它做什么相比?您的代码是什么样子的?到目前为止,它与示例相同,只是多了大约2000个圆。目标是当您放大圆时,它应该覆盖地图上更少的区域,以便更好地区分它们。