google-maps - 不可点击的填充圆圈？

Question

我的地图中有一个 mousemove 事件，现在我想用笔划线画一个圆圈。

var circle = new google.maps.Circle({
        strokeColor: '#0000FF',
        strokeWeight: 2,
        fillOpacity: 0,
        map: map,
        center: new google.maps.LatLng(lat, lon),
        radius: 100
    });

问题是该圆圈的透明填充中心仍在“捕获”鼠标事件，因此它不会转到我的 Map mousemove 侦听器。

有没有办法真正将圆形填充中心设置为透明，如：透明颜色和透明处理鼠标事件？

或者，一种轻松将事件传播到地图的方法？

Answer 1

添加clickable: false到传递给构造函数的 CircleOptions 中：

var circle = new google.maps.Circle({
    strokeColor: '#0000FF',
    strokeWeight: 2,
    fillOpacity: 0,
    clickable: false,
    map: map,
    center: new google.maps.LatLng(lat, lon),
    radius: 100
});