vue-baidu-map-3x
v1.0.40
Published
vue-baidu-map的vue3版本(支持v2.0、v3.0和webGl api)。Baidu Map Component for Vue 3.0 (support v2.0 、 v3.0 and webGl api)
Downloads
2,475
Maintainers
Readme
VUE BAIDU MAP
fork vue-baidu-map vue3 (build by vite,support baidu v2.0 、 v3.0 and webGl)
Languages
Documentation
https://yangjianfei.github.io/vue-baidu-map-3x/
Get Start
Installation
npm i --save vue-baidu-map-3x
Initialization
import Vue from 'vue'
import BaiduMap from 'vue-baidu-map'
Vue.use(BaiduMap, {
/* Visit http://lbsyun.baidu.com/apiconsole/key for details about app key. */
ak: 'YOUR_APP_KEY',
// v:'2.0', // default 3.0
// type: 'WebGL' // ||API defaultAPI (BMap=BMapGL)
})
Usage
<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})=>{
// custom operate
};
</script>
<style>
/* The container of BaiduMap must be set width & height. */
.map {
width: 100%;
height: 300px;
}
</style>
offline map
install pluginnpm i vue-baidu-map-offline contact me wechart:yjf163163|[email protected]
abandon
~~BmView~~ abandonBmViewcomponent
License
copyright (c) 2016~now, YangJianFei [email protected]
About me
wechart:yjf163163 wechart group:scan me
todos
- [ ] Load on demand
- [ ] treeshaking