vue-baidu-map调取本地包
时间: 2023-06-05 07:02:23 浏览: 71
Vue-baidu-map是一款Vue组件,用于在Vue应用中展示百度地图,并且支持各种常用功能,如标注、搜索、路线规划等等。如果要调取本地包,需要按以下步骤操作:
首先需要在项目中安装vue-baidu-map包,可以通过npm或yarn进行安装。安装完成后,需要在项目的main.js中引入此组件库。代码如下:
```
import Vue from 'vue'
import BaiduMap from 'vue-baidu-map'
Vue.use(BaiduMap, {
/* 这里是您使用的百度地图AK */
ak: '您的AK'
})
```
其中,AK可以在百度地图开放平台申请获取。申请成功后,会自动生成一个AK值。
引用完成后,就可以在Vue组件中使用BaiduMap组件,代码如下:
```
<template>
<div>
<BaiduMap class="map" :center="center" :zoom="zoom"></BaiduMap>
</div>
</template>
<script>
export default {
data () {
return {
center: { // 地图中心点
lng: 116.404,
lat: 39.915
},
zoom: 15 // 地图缩放级别
}
}
}
</script>
```
这样就可以在Vue应用中展示百度地图了。
总之,使用vue-baidu-map调取本地包,需要安装vue-baidu-map包,引入组件库,获取百度地图AK值,并在Vue组件中使用BaiduMap组件。需要注意的是,AK值需要保密,不能上传至公开代码库。