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

场景

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

Vue+Leaflet实现加载OSM显示地图_BADAO_LIUMANG_QIZHI的博客-CSDN博客

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

效果

Leaflet中使用MovingMarker插件实现标记移动(轨迹回放效果)_第1张图片

注:

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

实现

1、插件地址

GitHub - ewoken/Leaflet.MovingMarker: A Leaflet plug-in to create moving marker

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

Leaflet中使用MovingMarker插件实现标记移动(轨迹回放效果)_第2张图片

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



4、完整示例代码

​




    
    leaflet移动点位(轨迹回放效果)
    
    



    
           

你可能感兴趣的:(GIS相关,vue.js,javascript,leaflet)