百度地图API前端开发技术分析

第0章基本信息

0.1百度地图资料

https://dafrok.github.io/vue-baidu-map/#/zh/index

0.2安装百度地图

npm install vue-baidu-map –save

0.3智城项目接入百度地图

在src/main.js里导入百度地图依赖包

import BaiduMap from 'vue-baidu-map'

第1章百度地图开发

1.1在线车辆开发

1.1.1百度地图初始化

<baidu-map class="map" :center="{lng:129.500,lat:42.893}" :zoom="11">

  <bm-driving start="延吉市公安局出入境接待大厅"

  end="延吉朝阳川国际机场"

  @searchcomplete="handleSearchComplete"

  :panel="false"

  :autoViewport="true"></bm-driving>

  <bm-navigation anchor="BMAP_ANCHOR_TOP_RIGHT"></bm-navigation>

  <bml-lushu

    @stop="reset"

    :path="path"

    :icon="icon"

    :play="play"

    :speed="speed"

    :rotation="true">

  </bml-lushu>

</baidu-map>

参数说明：

属性名	类型	默认值	描述
play	Boolean	true	是否行进
path	Array[{lng, lat}]	[]	构成路线的坐标点数组
landmarkPois	Array[{lng,