我已经设置了绘图管理器,使用它可以轻松地绘制多边形。现在我想在绘制的多边形上添加一个信息框。我使用了下面的代码,但它似乎不起作用,因为没有信息框的结果。
drawingManager.setMap(map);
google.maps.event.addListener(drawingManager, 'overlaycomplete', function(event) {
if (event.type != google.maps.drawing.OverlayType.MARKER) {
var reason = prompt("Please Mention the reason for this obstuction");
var authority = prompt("Please Mention the authority involved");
var infowindow = new google.maps.InfoWindow({
content: reason + ", Raised by " + authority,
width: "50px"
});
google.maps.event.addListener(event.overlay,'mouseover',function(){
infowindow.open(map,event.overlay);
});
google.maps.event.addListener(event.overlay,'mouseout',function(){
infowindow.close(map,event.overlay);
});
}
});
因为,您需要多边形。您不必使用覆盖对象。您可以直接使用"多边形"对象绘制形状,也可以收听"多边形完成"选项。
以下是演示,它将使您能够绘制多边形形状,并将在您绘制的多边形形状的中间生成一个infoWindow。
工作演示。