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

我正在尝试使用draw工具在GoogleMapAPIv3上绘制一个矩形。我希望用户能够：

当形状完成时获取矩形边界

拖动或重新抓取矩形时更新边界

（1）工作得很好，但我需要（2）方面的帮助。 这是我用于（1）的代码：

---

将事件监听器添加到矩形中，以获取该矩形中的新坐标。代码：

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

这是一个允许您绘制矩形、更改它们并捕获更改值的工具。它唯一缺少的就是它的颜色

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