openlayers添加gif图

  const pointdiv1 = document.createElement('div')

        pointdiv1.className = 'css_animation'

        //添加点击事件

        pointdiv1.onclick = function (ev) {

          ev.stopPropagation()

          openMapModel(item.id)

        }

        const pointoverlay1 = new Overlay({

          element: pointdiv1,

          positioning: 'center-center',

          stopEvent: false

        })

        mapOl.addOverlay(pointoverlay1)

        pointoverlay1.setPosition(fromLonLat([lon, lat], 'EPSG:4326'))

<style lang="less">

.css_animation {

  width: 45px;

  height: 50px;

  background: url(~@/assets/images/your.gif) no-repeat center;

  &:hover {

    cursor: pointer;

  }

}

</style>