Question

我正在Google地图上显示一个带圆圈的标记。当用户单击地图上的另一个点时，带有圆圈的标记将移动到该点。但是，我无法弄清楚如何让用户点击圆圈所覆盖区域中的地图。我想在地图后面设置圆圈的zIndex，以便点击，但仍然可以看到它。

建议的任何方法？提前谢谢。

如果你想看看我的代码：

var map = new google.maps.Map(document.getElementById('map'), {zoom:8,center: new google.maps.LatLng(userLat,userLng)});
var distance = document.getElementById("distance").value*1000;
var marker = new google.maps.Marker({position: new google.maps.LatLng(userLat.toFixed(3),userLng.toFixed(3)),map: map,icon: 'images/markers/9.png'});
var circle = new google.maps.Circle({map: map,radius:distance,strokeColor:'rgb(65,130,245)',strokeOpacity:0.5,fillColor:'rgb(65,130,245)',fillOpacity:0.2,strokeWeight:1});
circle.bindTo('center', marker, 'position');
google.maps.event.addListener(map, 'click', function(event){
    marker.setPosition(event.latLng);
    document.getElementById("latlng").value = event.latLng.lat().toFixed(3) + ","  + event.latLng.lng().toFixed(3);
    document.getElementById("latlngX").style.visibility="visible";
});

Answer 1

如果可以：将此CSS添加到您想要变为不可交互的对象：pointer-event: none。

http://caniuse.com/#feat=pointer-events

编辑：在这个问题上接受的答案是正确的解决方案： How do I detect a click event on a google map through an overlay?

Google地图点击具有较低zIndex的图层上的事件

1 个答案: