如何在单击google地图时更改多边形的边

// 创建地图对象
var map = new google.maps.Map(document.getElementById('map'), {
  center: {lat: 37.7749, lng: -122.4194}, // 地图中心点坐标
  zoom: 12 // 地图缩放级别
});

// 创建多边形对象
var polygon = new google.maps.Polygon({
  paths: [], // 初始边界点数组为空
  editable: true, // 允许编辑多边形
  draggable: true, // 允许拖动多边形
  strokeColor: '#FF0000', // 边界线颜色
  strokeOpacity: 0.8, // 边界线透明度
  strokeWeight: 2, // 边界线宽度
  fillColor: '#FF0000', // 填充颜色
  fillOpacity: 0.35 // 填充透明度
});

// 将多边形添加到地图上
polygon.setMap(map);

// 监听地图的click事件
google.maps.event.addListener(map, 'click', function(event) {
  // 获取点击位置的坐标
  var clickedLatLng = event.latLng;

  // 获取当前多边形的边界点数组
  var path = polygon.getPath();

  // 添加新的坐标点到边界数组中
  path.push(clickedLatLng);

  // 刷新地图显示
  polygon.setMap(null);
  polygon.setMap(map);
});