谷歌地图标记和鼠标移动

时间:2014-03-19 14:08:16

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

我已加载地图和监听器:

  map = new google.maps.Map(document.getElementById('mapdiv'),opts);
  google.maps.event.addListener(map,'mousemove',function(event) {...

一切都很好。我还捕获了鼠标点击事件,以将坐标转发到数据库。

但是我已经在地图上添加了航点

for (var wp in waypoints) {
    var wpOptions = {strokeColor: waypoints[wp].clr,strokeOpacity: 0.5,strokeWeight: 2,fillColor: waypoints[wp].clr,
    fillOpacity: 0.1,map: map,center: waypoints[wp].center,radius:waypoints[wp].sz
    };
    wpCircle = new google.maps.Circle(wpOptions);

但是一些圈子(wpCircle)可以覆盖相当大的区域 - 这会停止鼠标移动和点击事件。有没有办法让圆圈对鼠标移动不可见,以便鼠标响应底层地图并忽略已经放置的对象?

非常感谢

凯文

1 个答案:

答案 0 :(得分:0)

再次发生了哎呀。找到答案,看起来太深了。

可点击:假

for (var wp in waypoints) {
    var wpOptions = {strokeColor: waypoints[wp].clr,strokeOpacity: 0.5,strokeWeight: 2,fillColor: waypoints[wp].clr,
    fillOpacity: 0.1,map: map,center: waypoints[wp].center,radius:waypoints[wp].sz,clickable: false 
    };

现在这很完美。 不管怎样,谢谢

凯文