不可点击填写圆圈?

时间:2013-06-12 16:55:44

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

我的地图中有一个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侦听器。

有没有办法真正将圆形填充中心设置为透明,如:透明色和透明处理鼠标事件?

另一种方法是,将事件轻松传播到Map?

1 个答案:

答案 0 :(得分:3)

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
});