vue-baidu-map
vue-baidu-map 介绍
vue-baidu-map vue项目中使用百度地图
安装
npm i --save vue-baidu-map
初始化
import vue from 'vue'
import BaiduMap from 'vue-baidu-map'
vue.use(BaiduMap,{
// ak 是在百度地图开发者平台申请的密钥 详见 http://lbsyun.baidu.com/apiconsole/key */
ak: 'YOUR_APP_KEY'
})
使用
<template>
<baidu-map class="map">
</baidu-map>
</template>
<style>
/* 地图容器必须设置宽和高属性 */
.map {
width: 400px;
height: 300px;
}
</style>
网站地址:https://dafrok.github.io/vue-baidu-map/
GitHub:https://github.com/Dafrok/vue-baidu-map
网站描述:Vue 2.x 的百度地图组件