如何在叠加层上放置标记

Question

我有一个小的谷歌地图页面，用来记录车祸的位置。如果事故发生在办公室 65 英里范围内，则处理方式不同。所以我用下面的代码画了一个圆圈，中间有一个标记。

var s25 = new google.maps.LatLng(53.3664887, -1.236279);
var el=document.getElementById("map_canvas");
map = new google.maps.Map(el, myOptions);

 var marker = new google.maps.Marker({
    map: map,
    position: s25
});

 var sunCircle = {
    strokeColor: "#c3fc49",
    strokeOpacity: 0.8,
    strokeWeight: 2,
    fillColor: "#c3fc49",
    fillOpacity: 0.35,
    map: map,
    center: s25,
    radius: 104607.36 // in meters
};
cityCircle = new google.maps.Circle(sunCircle);
cityCircle.bindTo('center', marker, 'position');

这工作正常，我用来在事故位置放置新标记的代码工作正常，但只有当位置在圆圈之外时。 Google 地图不允许我在圆圈内放置标记。

我做了一些研究，发现了一些关于 Map Panes 的信息，这听起来很理想，但我不知道如何调用它，因为当我这样做时，我只是得到一个未定义的错误。

任何帮助将不胜感激:)

Answer 1

在圆圈上设置clickable:false。或者将 MouseEvents 的事件侦听器添加到圆圈并使用它们来放置标记。