在zIndex较低的图层上，谷歌地图点击事件

我正在谷歌地图上显示一个带圆圈的标记。当用户单击地图上的另一点时，带有圆圈的标记将移动到该点。然而，我不知道如何让用户点击圆圈覆盖区域的地图。我想设置地图后面圆圈的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";
});