Javascript 用于在google map api中标识多个圆的EventListener

Javascript 用于在google map api中标识多个圆的EventListener,javascript,google-maps,Javascript,Google Maps,我的代码是这样的 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: cit

我的代码是这样的

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是一个包含纬度和经度的数组

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


我想做的是唯一地标识单击了哪个圆?

您可以使用以下方法获取该信息,例如:

    (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)
从事件处理程序参数可以得到点击点,从点击圈可以得到中心和其他相关信息


更新:

我将您的代码粘贴在我的代码末尾,并使用警报更改了console.log,但我没有收到任何警报。您能告诉我如何使其工作吗?请参阅我在jsbin上的示例。请将链接发送给我,链接位于答案的末尾。它坏了吗?