百度地图官网:http://lbsyun.baidu.com/index.php?title=jspopular3.0

Vue Baidu Map https://dafrok.github.io/vue-baidu-map/#/zh/search/driving

唤起百度地图导航 https://blog.csdn.net/weimingjue/article/details/80493969

1:申请秘钥(官网的开发指南内)

2:根据开发项目引入,本人使用的vue,选择了vue组件,项目实现简单功能,服务器存储数据,实时导航唤起百度地图app

3: 踩坑

组建的引入老是报错,

3.1组件

地图实例

import BaiduMap from 'vue-baidu-map/components/map/Map.vue'

各种控件的所属目录不一样,总是报错,个人用这种大范围搜索,有更好的方法请指教

import {
// 地图类型
BmMapType,
// 缩放
BmNavigation,
// 缩略图
BmOverviewMap,
// 定位到当前
BmGeolocation,
// 覆盖物
BmMarker,
// 检索
BmLocalSearch,
BmLabel,
} from 'vue-baidu-map/components

3.2图片

例如自定义的覆盖物 icon ,存储在本地,import引入再使用不容易出错

import pic1 from "../../static/img/pic1.png"

<bm-marker :position="center"   :icon="{url: icon2, size: {width: 30, height: 32}}" />
12-13 12:32
查看更多