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

Add infobox to polygon drawn using drawing manager in google maps?

本文关键字：绘图 管理器 多边形 绘制 谷歌地图 信息 添加      更新时间：2023-09-26

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

    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。

工作演示。

相关文章：