Google maps API JAVASCRIPT -添加更多矩形(动态)

// 创建地图对象
var map = new google.maps.Map(document.getElementById('map'), {
  center: {lat: 37.7749, lng: -122.4194},
  zoom: 12
});

// 创建矩形对象
var rectangle = new google.maps.Rectangle({
  bounds: {
    north: 37.8,
    south: 37.7,
    east: -122.3,
    west: -122.4
  },
  fillColor: '#FF0000',
  fillOpacity: 0.35,
  strokeWeight: 2,
  map: map
});

// 动态添加更多矩形
function addRectangle() {
  var newRectangle = new google.maps.Rectangle({
    bounds: {
      north: 37.9,
      south: 37.8,
      east: -122.2,
      west: -122.3
    },
    fillColor: '#00FF00',
    fillOpacity: 0.35,
    strokeWeight: 2,
    map: map
  });
}

// 监听按钮点击事件，动态添加更多矩形
document.getElementById('addRectangleButton').addEventListener('click', addRectangle);