我有一张地图,用户可以在上面画一些矩形,当用户画完所有的矩形后,他们可以点击这些矩形来启动一些事件,比如显示更多信息、调用 Web 服务、更改矩形属性等等。
我需要为每个矩形添加一个点击事件监听器,我尝试了以下代码,但它没有起作用。我还尝试了这个解决方案。
我需要为每个矩形添加一个点击事件监听器,我尝试了以下代码,但它没有起作用。我还尝试了这个解决方案。
function initialize() {
var mapOptions = {
center: new google.maps.LatLng(10.066611095611856,-69.33721108996582),
zoom: 14,
mapTypeId: google.maps.MapTypeId.HYBRID,
};
var map = new google.maps.Map(document.getElementById("map-canvas"),mapOptions);
var drawingManager = new google.maps.drawing.DrawingManager({
drawingControl: true,
drawingControlOptions: {
position: google.maps.ControlPosition.TOP_CENTER,
drawingModes: [google.maps.drawing.OverlayType.RECTANGLE]
},
rectangleOptions: {
fillColor: '#0011aa',
fillOpacity: 1,
strokeWeight: 5,
clickable: false,
editable: true,
zIndex: 1
}
});
drawingManager.setMap(map);
google.maps.event.addListener(drawingManager, 'rectanglecomplete', function(rectangle) {
/* DOES NOT WORK */
google.maps.event.addListener(rectangle, 'click', function() {
console.log(rectangle);
});
});
}
google.maps.event.addDomListener(window, 'load', initialize);
提前感谢。
clickable: true
- davidkonrad