javascript - 隐藏使用 Google map 绘图库绘制的多边形

Question

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

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

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

Answer 1

您永远不会更新 rectangles 数组(即向其中添加矩形)，因此 hideRectangles() 不执行任何操作。在函数外部添加这些行 draw/hideRectangles()

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

Click here for Updated example