Question

我一直致力于Google地图项目，该项目允许您绘制边界（多边形）并将其保存到地图上。然后将其保存到数据库中，页面将刷新并将信息拉回到地图上。

我从其他用户发现下面的代码并根据我的需要调整它，直到你从数据库中绘制多边形为止。

google.maps.event.addDomListener(drawingManager, 'polygoncomplete', function(polygon) {
    polygon.setEditable(true);
    google.maps.event.addListener(polygon.getPath(), 'set_at', function () {
        document.getElementById("coordsField").value = updateArray(polygon);
    });
    google.maps.event.addListener(polygon.getPath(), 'insert_at', function () {
        document.getElementById("coordsField").value = updateArray(polygon);
    });
});

代码创建一个等待多边形完成的侦听器。然后，它将多边形设置为可编辑，并创建另外两个侦听器。第一个等待当前点更新，第二个等待创建一个新点，然后它们都会更新一个包含所有点的数组，并在触发时将其保存到隐藏字段。

此代码适用于创建新多边形，但是当从数据库创建多边形时，这是另一个故事。当侦听器等待多边形完成时，它永远不会触发，因为它会自动执行。我试图删除包装器：

google.maps.event.addDomListener(drawingManager, 'polygoncomplete', function(polygon) {}

并添加更新侦听器但是我得到'polygon is undefined'的错误。有人能够解释如何解决这个问题吗？

Answer 1

触发drawingManager的polygoncomplete-event并将自动创建的polygon-instance作为参数传递给回调（trigger的第3个参数）：

polygonInstance = new google.maps.Polygon(/*options*/);

google.maps.event.trigger(drawingManager, 
                         'polygoncomplete',
                          polygonInstance);

Google Maps API v3禁用标记

1 个答案: