javascript - 用于识别谷歌地图API中的多个圆圈的EventListener

Question

我的代码是这样的

var cityCircle;
for (var city in citymap) {
    populationOptions = {
    strokeColor: '#FF0000',
    strokeOpacity: 0.8,
    strokeWeight: 2,
    fillColor: '#FF0000',
    fillOpacity: 0.35,
    clickable:true,
    map: map,
    center: citymap[city].center,
    radius:20000,
};
 cityCircle = new google.maps.Circle(populationOptions);
}

其中 citymap 是包含纬度和经度的数组

我得到的是数组中定义的纬度和经度处的大量圆圈

我想要做的是唯一标识哪个圆圈被点击？

Answer 1

您可以使用以下方式获取该信息:

    (function(cityCircle) {
        google.maps.event.addListener(cityCircle, 'click', function(evt) {
            console.log(evt.latLng.lat() + ':' + evt.latLng.lng());

            var circleCenter = cityCircle.getCenter();
            console.log(circleCenter.lat() + ':' + circleCenter.lng());
        })
    })(cityCircle)

从事件处理程序参数中，您可以获得点击点，从单击的圆圈中，您可以获得中心和其他相关信息。

更新: example at jsbin