如何让我的谷歌地图显示2+多边形边界？

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

// 创建第一个多边形对象
var polygon1 = new google.maps.Polygon({
  paths: [
    {lat: 37.789, lng: -122.422},
    {lat: 37.785, lng: -122.415},
    {lat: 37.781, lng: -122.421}
  ],
  strokeColor: '#FF0000',
  strokeOpacity: 0.8,
  strokeWeight: 2,
  fillColor: '#FF0000',
  fillOpacity: 0.35
});

// 创建第二个多边形对象
var polygon2 = new google.maps.Polygon({
  paths: [
    {lat: 37.772, lng: -122.431},
    {lat: 37.768, lng: -122.422},
    {lat: 37.764, lng: -122.428}
  ],
  strokeColor: '#00FF00',
  strokeOpacity: 0.8,
  strokeWeight: 2,
  fillColor: '#00FF00',
  fillOpacity: 0.35
});

// 将多边形对象添加到地图上
polygon1.setMap(map);
polygon2.setMap(map);