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

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 对象绘制形状以及收听多边形完成选项。

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

工作演示。