pass-b-map-vue3x
v1.0.0
Published
Map Component for Vue 3.0 (support v2.0 、 v3.0 and webGl api)
Readme
PASS-B-MAP-VUE3x
开始
安装
npm i --save pass-b-map-vue3x初始化
import { createApp } from 'vue';
import BaiduMap from 'pass-b-map-vue3x';
const app = createApp(App);
app.use(BaiduMap, {
ak: 'YOUR_KEY',
// v:'2.0', // 默认使用3.0
// type: 'WebGL' // ||API 默认API (使用此模式 BMap=BMapGL)
});使用
<template>
<baidu-map class="map" :center="{lng: 118.454, lat: 32.955}" :zoom="5" @ready="ready" >
</baidu-map>
</template>
<script setup>
const ready = ({BMap,map})=>{
// 对地图进行自定义操作
};
</script>
<style>
/* 地图容器必须设置宽和高属性 */
.map {
width: 400px;
height: 300px;
}
</style>This project is based on vue-baidu-map-3x and is licensed under the MIT License.
协议
版权所有 (c) 2016至今, YangJianFei [email protected]
