javascript - google map api v3：当形状被拖动或调整大小时更新矩形边界

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();
});

这是一个使用 DrawingManager 的示例，它允许您绘制矩形、更改它们并捕获更改的值。唯一缺少的是更改事件（矩形上的 bounds_changed）。