如何使用数组中的坐标在google地图上绘制多边形

<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&libraries=drawing"></script>

<div id="map" style="width: 100%; height: 400px;"></div>

<script>
  var map;
  var drawingManager;

  function initMap() {
    map = new google.maps.Map(document.getElementById('map'), {
      center: {lat: 0, lng: 0},
      zoom: 2
    });

    drawingManager = new google.maps.drawing.DrawingManager({
      drawingMode: google.maps.drawing.OverlayType.POLYGON,
      drawingControl: true,
      drawingControlOptions: {
        position: google.maps.ControlPosition.TOP_CENTER,
        drawingModes: [google.maps.drawing.OverlayType.POLYGON]
      }
    });

    drawingManager.setMap(map);

    google.maps.event.addListener(drawingManager, 'polygoncomplete', function(polygon) {
      // 多边形绘制完成后的回调函数
      var coordinates = polygon.getPath().getArray();
      // 在这里可以获取到多边形的坐标数组
      // 可以进行后续处理或发送到服务器进行保存等操作
    });
  }
</script>

<script>
  window.onload = function() {
    initMap();
  };
</script>