javascript - 谷歌地图 API v3 : update rectangle bounds when the shape is dragged or resized

Question

我正在尝试使用绘图工具在 google map api v3 上绘制一个矩形。我希望用户能够:

1. 在形状完成时获取矩形边界。
2. 在拖动或重新捕获矩形时更新边界。

(1) 工作正常，但我需要一些关于 (2) 的帮助。这是我用于 (1) 的代码:

 //----------on rectangle complete event
      google.maps.event.addDomListener(drawingManager, 'rectanglecomplete', function(rectangle) {
         //get the rectangle bounds
         document.getElementById("savedata").value =rectangle.getBounds();     
    //hide draw tool
    drawingManager.setOptions({
        drawingControl: false
            });
    //disable draw tool 
    drawingManager.setDrawingMode(null);
      });

Answer 1

为 bounds_changed 添加一个事件监听器到矩形，捕获其中的新坐标。代码:

google.maps.event.addListener(rectangle, "bounds_changed", function() {
   document.getElementById("savedata").value =rectangle.getBounds();
});

这里是 an example using the DrawingManager允许您绘制矩形，更改它们并捕获更改后的值。唯一缺少的是 change event (bounds_changed on the rectangle) .