vue项目中使用百度地图,详细过程

1.首先在项目中安装百度地图依赖:npm install vue-baidu-map --save;

 

2.全局注册,在main.js中一次性引入百度地图组件库的所有组件:

import Vue from 'vue';
import BaiduMap from 'vue-baidu-map';
Vue.use(BaiduMap, {
  ak: 'YOUR_APP_KEY'
})

 //  ak 是在百度地图开放平台申请的密钥 详见:我要申请百度地图ak ;

申请百度地图ak的具体步骤如下:

(1)首先进入百度地图开放平台,然后是右上角导航栏 > 开发文档 > JavaScript API,如下图:

vue项目中使用百度地图,详细过程_第1张图片

(2)左边侧边栏 > 开发指南 > 账号和获取密钥,如下图:

vue项目中使用百度地图,详细过程_第2张图片

 

||  或者使用局部注册,详见:百度地图局部注册;

 

3.然后在vue页面直接使用


更多操作

 

 

你可能感兴趣的:(vue,js,vue.js,javascript,前端,es6)