vue-baidu-map-3x-offline

VUE3 BAIDU MAP

fork vue-baidu-map组件通过vite构建的vue3版本（支持地图v2.0、v3.0和webGl）

基于 VUE 3.x 的百度地图组件

语言

• 中文
• English

文档

https://yangjianfei.github.io/vue-baidu-map-3x/

开始

安装

npm i --save vue-baidu-map-3x

初始化

import { createApp } from 'vue';
import BaiduMap from 'vue-baidu-map-3x';

const app = createApp(App);
app.use(BaiduMap, {
  // ak 是在百度地图开发者平台申请的密钥 详见 http://lbsyun.baidu.com/apiconsole/key */
  ak: 'YOUR_APP_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>

废弃

BmView 废弃了BmView组件

协议

MIT 许可证

版权所有 (c) 2016至今, YangJianFei [e-mail]

关于我

扫描添加下方的微信(yjf163163)并回复加群，即可加入”前端男海群“。交流学习，及时获取代码最新动态。

如果对你有帮助送我一颗小星星（づ￣3￣）づ╭❤～

任务清单

• 按需加载
• treeshaking

更新日志

更新日志