三十五、openlayers官网示例Dynamic Data——在地图上加载动态数据形成动画效果

官网demo地址：

 Dynamic Data

 初始化地图

 const tileLayer = new TileLayer({
      source: new OSM(),
    });

    const map = new Map({
      layers: [tileLayer],
      target: "map",
      view: new View({
        center: [0, 0],
        zoom: 2,
      }),
    });

    创建了三个样式

const imageStyle = new Style({
      image: new CircleStyle({
        radius: 5,
        fill: new Fill({ color: "yellow" }),
        stroke: new Stroke({ color: "red", width: 1 }),
      }),
    });

    const headInnerImageStyle = new Style({
      image: new CircleStyle({
        radius: 2,
        fill: new Fill({ color: "blue" }),