vue-baidu-map-hot-3

VUE BAIDU MAP

fork vue-baidu-map vue3 (build by vite，support baidu v2.0 、 v3.0 and webGl)

Baidu Map components for Vue 3.x

Languages

• 中文
• English

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|1294485765@qq.com

abandon

BmView abandonBmViewcomponent

License

MIT

copyright (c) 2016~now, YangJianFei 1294485765@qq.com

About me

wechart:yjf163163 wechart group:scan me

todos

• Load on demand
• treeshaking

updated logs

updated logs