你能在mapbox上制作圆的动画吗，还有，只有中空的圆

// 创建地图
mapboxgl.accessToken = 'YOUR_ACCESS_TOKEN';
var map = new mapboxgl.Map({
  container: 'map',
  style: 'mapbox://styles/mapbox/streets-v11',
  center: [lng, lat],
  zoom: 10
});

// 添加圆
map.on('load', function() {
  map.addSource('circle', {
    type: 'geojson',
    data: {
      type: 'Feature',
      geometry: {
        type: 'Point',
        coordinates: [lng, lat]
      }
    }
  });

  map.addLayer({
    id: 'circle',
    type: 'circle',
    source: 'circle',
    paint: {
      'circle-radius': 10,
      'circle-color': '#ff0000'
    }
  });

  // 动画效果
  function animateCircle() {
    var radius = 5;
    setInterval(function() {
      radius += 1;
      map.setPaintProperty('circle', 'circle-radius', radius);
      if (radius > 20) {
        radius = 5;
      }
    }, 100);
  }

  animateCircle();
});

paint: {
  'circle-radius': 10,
  'circle-color': '#ff0000',
  'circle-stroke-width': 2,
  'circle-stroke-color': '#ffffff'
}