Vue Baidu Map 简介

Vue Baidu Map是针对Vue的百度地图组件，可以快速使用百度地图组件、定位、搜索、标注点、线、面等图形，可以实现轨迹查看、轨迹回放等功能。

Vue Baidu Map 安装

Vue Baidu Map 安装包括2中方式：NPM和CDN，安装方式如下：

1、NPM

$ npm install vue-baidu-map --save

2、CDN

< script src="/c2021/img/data-img.jpg" data-src="https://unpkg.com/vue-baidu-map">

Vue Baidu Map 引用

import Vue from 'vue'
import BaiduMap from 'vue-baidu-map'
Vue.use(BaiduMap, {
// ak 是在百度地图开发者平台申请的密钥 详见 http://lbsyun.baidu.com/apiconsole/key */
ak: 'YOUR_APP_KEY'
})

提示：上面代码可以放到公共JS里，比如uni-app项目的main.js里

BmlLushu 引用

具体vue页面里需要添加引入组件，如果要实现地图轨迹回放功能，需要引入地图组件的路书组件，如下：

import {BmlLushu} from 'vue-baidu-map'
export default {
components: {
BmlLushu
}

BmlLushu 具体使用

说明：首先先创建一个组件，然后里面创建组件，组件是轨迹线路组件，可以将接口传过来的所有点连成一条线，组件是标注点的组件，用来标注轨迹的起点和终点，用2个小图标展示。重点就是下面的组件，该组件就是用来实现轨迹的播放的组件，具体参数说明如下：

展示效果

图片:

备注：电脑端轨迹轨迹播放实现请联系开发者。