1. 在智能定位 | 百度地图API SDK (baidu.com)中注册,选择控制台-应用管理-我的应用-创建应用
选择浏览器端,白名单本地的话就选择localhost
2. 下载环境:
npm install vue-baidu-map --save
3. 在main.js文件中全局注册一次性导入
//百度地图 全局注册一次性引入
import BaiduMap from 'vue-baidu-map'
Vue.use(BaiduMap, {
/* 需要注册百度地图开发者来获取你的ak */
ak: '你的ak'
})
4. 创建文件使用VUE BAIDU MAP组件库: Vue Baidu Map (dafrok.github.io) 插入组件
注:需要vpn搭梯子
<template>
<div>
<!--
scroll-wheel-zoom是是否可以缩放
@ready是图加载完后触发事件
center是位置定位
zoom是缩放大小限制
inertial-dragging是允许惯性拖拽
-->
<baidu-map
class="bm-view"
:zoom="15"
:center="center"