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

Question

我正在尝试使用绘图工具在Google地图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)。