在使用vue做项目的时候,有用到百度地图,使用了vue-baidu-map插件,包括拾取位置坐标,搜索位置等
1.引入方式
import BaiduMap from 'vue-baidu-map'
Vue.use(BaiduMap, {
/* 需要注册百度地图开发者来获取你的ak */
ak: 'YOUR_APP_KEY'
})
- 也可以局部引入,组件需在node_modules/vue-baidu-map/components里面找,局部引入要在<baidu-map ak=''></baidu-map>中声明ak属性
import BaiduMap from 'vue-baidu-map/components/map/Map.vue'
import BmView from 'vue-baidu-map/components/map/MapView.vue'
import BmLocalSearch from 'vue-baidu-map/components/search/LocalSearch.vue'
export default {
components: {
BaiduMap,
BmView,
BmLocalSearch
},
}