vue-baidu-map-3x

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)
70,607 189
vue vite vue3 vue2 baidu-map vue-baidu-map baidu-map-gl vue2-baidu-map vue3-baidu-map vue3x-baidu-map vue-baidu-map-3x vue-baidu-map-3 vue-baidu-map-3.0 vue-baidu-map-v3
Install
npm install vue-baidu-map-3x
Latest Version:1.0.40
Vue:3
License:MIT
Last Updated:May 7, 2026
Links: GitHub  ·  npm
Maintainer: yangjianfei

VUE BAIDU MAP

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

npm

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|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

Related Packages

vue-baidu-map-hot-3

vue-baidu-map的vue3版本（支持v2.0、v3.0和webGl api）。Baidu Map Component for Vu...

907 189
baidu-map baidu-map-gl vite vue vue-baidu-map vue-baidu-map-3 vue-baidu-map-3.0 vue-baidu-map-3x vue-baidu-map-v3 vue2 +4
vue2-baidu-map

vue-baidu-map的vue2版本（支持v2.0、v3.0和webGl api）。Baidu Map Component for Vu...

1,034 4
baidu-map vue vue-baidu-map vue2-baidu-map baidu bmap map
vite-plugin-vue2

Vite plugin for Vue2

1,474,659 618
vite vue2
vite-plugin-git-revision

Vite plugin that generates VERSION and COMMITHASH files during build based on a...

21,961 11
vite vue2
@koala/yibin-ui

宜宾大脑主题定制

4,077
vite vue2

Version History

Version Released License
1.0.40 MIT
1.0.39 MIT
1.0.38 MIT
1.0.37 MIT
1.0.36 MIT