什么是 bmaplib.lushu？
bmaplib.lushu 是一个基于百度地图 API 的 JavaScript 库，它提供了轨迹动画功能（路书）。可以将一些标记点进行连线，形成轨迹，并且可以按一定的时间间隔进行播放。
安装 bmaplib.lushu
在终端执行以下命令：
npm install bmaplib.lushu --save
使用方法
在 HTML 文件中引入百度地图 API
在 HTML 文件中的 <head> 标签内加入以下代码：
<script src="http://api.map.baidu.com/api?v=2.0&ak=您的密钥"></script>
其中，ak 参数为百度地图开放平台的密钥，需要去官网注册申请。
引入 bmaplib.lushu
在需要使用 bmaplib.lushu 的 JavaScript 文件中，引入 bmaplib.lushu：
import BMapLib from 'bmaplib.lushu';
创建轨迹
let lushu = new BMapLib.LuShu(map, path, {
defaultContent:"",
autoView:true,
icon:new BMap.Icon('http://api.map.baidu.com/img/car.png', new BMap.Size(52,26), {anchor : new BMap.Size(27, 13)}),
speed: 2,
enableRotation: true,
landmarkPois: []
});其中，参数说明如下：
map：百度地图实例对象path：轨迹经过的点数组，每个点必须是 BMap.Point 类型的对象defaultContent：路书浮动窗口中的内容，可以是 HTML 代码，如果值为 ""，则不显示浮动窗口autoView：是否自动调整视野icon：车辆图标speed：轨迹播放速度，单位：千米/小时enableRotation：是否启用车辆角度的旋转效果landmarkPois：途经的点，每个点的样式可以通过自定义Icon对象来设置
播放轨迹
lushu.start();
停止轨迹
lushu.stop();
暂停轨迹
lushu.pause();
继续轨迹播放
lushu.resume();
示例代码
-- -------------------- ---- ------- ------ ------- ---- ---------------- ----- ------ - --- ---------------------- ----------- ----- ------ - --- ---------------------- ----------- ----- ------ - --- ---------------------- ----------- ----- ------ - --- ---------------------- ----------- ----- ---- - -------- ------- ------- -------- ----- --- - --- ---------------------- ------------------------- ---- ------------------ -------------------------- -- ---- ----- ----- - --- ------------------ ----- - --------------- --- --------- ----- ----- --- ------------------------------------------------- --- ------------- ---- - ------- --- ------------- --- --- ------ -- --------------- ----- ------------- -- --- -- ---- --------------
总结
bmaplib.lushu 是一个非常实用的轨迹动画 JavaScript 库，可以为网页增添一些动态效果，提升了用户的交互体验。相信通过本文的学习，你已经可以轻松使用 bmaplib.lushu 在自己的项目中进行轨迹动画的开发了。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005701781e8991b448e7cfb