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">