Google maps API动画多边形颜色更改

// 创建地图
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: [
    {lat: 37.772, lng: -122.214},
    {lat: 21.291, lng: -157.821},
    {lat: -18.142, lng: 178.431},
    {lat: -27.467, lng: 153.027}
  ],
  strokeColor: '#FF0000',
  strokeOpacity: 0.8,
  strokeWeight: 2,
  fillColor: '#FF0000',
  fillOpacity: 0.35,
  map: map
});

// 定义颜色数组
var colors = ['#FF0000', '#00FF00', '#0000FF'];

// 定义颜色索引
var colorIndex = 0;

// 定义动画函数
function animatePolygon() {
  // 改变多边形颜色
  polygon.setOptions({
    fillColor: colors[colorIndex]
  });

  // 更新颜色索引
  colorIndex = (colorIndex + 1) % colors.length;

  // 延迟一段时间后再次调用动画函数
  setTimeout(animatePolygon, 1000);
}

// 启动动画
animatePolygon();