Leaflet中使用MovingMarker插件实现标记移动(轨迹回放效果)


场景

Vue+Leaflet实现加载OSM显示地图:

https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/122317394

在上面的基础上,怎样使用插件MovingMarker实现标记移动效果。

效果

 注:

博客:
https://blog.csdn.net/badao_liumang_qizhi
关注公众号
霸道的程序猿
获取编程相关电子书、教程推送与免费下载。

实现

1、插件地址

https://github.com/ewoken/Leaflet.MovingMarker

2、下载仓库代码,复制其MovingMarker.js核心文件

3、引入leaflet所需的文件以及该js文件

    "stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css" />
    
    

4、完整示例代码


"en">


    "UTF-8">
    leaflet移动点位(轨迹回放效果)
    "stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css" />
    



    
"map">