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上的示例。请将链接发送给我,链接位于答案的末尾。它坏了吗?