将信息框添加到使用谷歌地图中的绘图管理器绘制的多边形？

Question

我已经设置了绘图管理器，我可以使用它轻松绘制多边形。现在我想在这个绘制的多边形上添加一个信息框。我使用了下面的代码，但似乎没有信息框结果。

    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);
            });
        }
    });

Answer 1

因为，你要求Polygon。您不必使用overlay对象。您可以直接使用Polygon对象绘制形状以及侦听多边形完整选项。

以下是演示，它将使您能够绘制多边形形状，并将在您绘制的多边形形状的中间生成一个infoWindow。

工作Demo。