谷歌地图圈叠加 - 固定大小放大并缩小地图

我正在尝试为地图添加圆形叠加层,但如果用户放大或缩小地图,我必须使圆圈保持相同的大小以下代码显示我如何在地图上显示圆圈

可以说有一个选项,我可以启用或如何去做

有几种选择:

添加一个zoom_changed监听器到地图并根据缩放级别动态调整您的圆圈大小(每个缩放级别是2个不同的因素)

使用圆形标记为圆圈,SVG符号似乎工作:

var cityCircleM = new google.maps.Marker({
    map: map,
    position: citymap[i].center,
    title: "circle",
    icon: {
      strokeColor: '#FFD700',
      strokeOpacity: 1.0,
      strokeWeight: 2,
      fillColor: '#FFD700',
      fillOpacity: 1.0,
      path: google.maps.SymbolPath.CIRCLE,
      scale: 20,
      anchor: new google.maps.Point(0, 0)
    },
    zIndex: Math.round(citymap[i].center.lat * -100000) << 5

  });

概念证明小提琴