Как разместить маркер поверх оверлея

Question

У меня есть небольшая страница карт Google, которую я использовал, чтобы записать местоположение автомобильных аварий. Если авария находится в пределах 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 не позволят мне добавить маркер в круг.

Я провел небольшое исследование и нашел некоторую информацию о панелях карт, которая звучит идеально, но я не уверен, как это вызвать, так как когда я делаю, я просто получаю неопределенную ошибку.

Любая помощь будет оценена:)

Answer 1

Установить кликабельно: ложь по кругу. Или добавьте прослушиватели событий MouseEvents в круг и используйте их для размещения маркера.