Google Maps API v3禁用标记

Question

我一直在研究Google Maps项目，该项目可让您在地图上绘制和保存边界（多边形）。 然后将其保存到数据库中，页面刷新并将信息拉回到地图上。

我从另一个用户的帖子中找到了下面的代码，并将其适应了我的需求，直到您从数据库中绘制多边形为止，该代码才能完美运行。

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

并添加更新侦听器，但是出现“多边形未定义”错误。 有人可以解释如何解决这个问题吗？

Answer 1

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

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

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