隐藏使用谷歌地图绘图库绘制的多边形

【问题标题】：Hiding Polygons Drawn Using Google Maps Drawing Library隐藏使用谷歌地图绘图库绘制的多边形
【发布时间】：2014-04-23 17:58:01
【问题描述】：

我似乎无法隐藏使用 Google 地图绘图库绘制的多边形。以下是我用作隐藏功能的内容：

function hideRectangles() {
  if (rectangles.length > 0) {
    for (var i = 0; i < rectangles.length; i++) {
      rectangles[i].setMap(null);
    }
  }
}

在此处查看完整示例：http://jsbin.com/wobapopu/2/edit

【问题讨论】：

标签： javascript google-maps

【解决方案1】：

您永远不会更新 rectangles 数组（即向其添加矩形），因此 hideRectangles() 什么也不做。在你的函数之外添加这些行draw/hideRectangles()

google.maps.event.addListener(drawingManager, 'rectanglecomplete', function(rectangle) {
  rectangles.push(rectangle);
});

Click here for Updated example

【讨论】：

【解决方案2】：

您没有将实际叠加对象推送到 rectangles 数组，因此无法将它们从地图中删除。

您应该这样做：

rectangles.push(e.overlay);

然后它就会工作。工作示例here

【讨论】：

愚蠢的错误。感谢你们俩的帮助。