Vue3 BaiduMap Gl
易用 & 完整 & 高性能
基于百度地图 JavaScript GL 版(使用了 WebGL 对地图、覆盖物等进行渲染,支持 3D 视角展示地图) API 封装设计的 Vue3 组件/hooks 库,开箱即用。
如果您觉得还不错,点亮 🌟star🌟 是支持此项目的最好方式,也可以考虑适当的赞助,给予鼓励 ✌🏻
自
2.0.0
起,所有组件名字增加B
前缀,避免与其他组件库冲突 #24目前只支持 vue3.x,vue2.x用户请移步 vue-baidu-map
✨ 特性
- 🚀 自动加载百度地图 SDK,将百度地图繁琐的 Api 封装进组件,你只需关注组件本身
- 📦 20+ 高质量的开箱即用 Vue 3 组件以及 8+ hooks 封装
- 📐 遵循直觉的、简约的 Api 设计
- ⚡ Composition Api,更好的性能
- 🔨 完整的 TypeScript 支持,更好的体验
- 🧩 tree shaking 支持,模块分包,只打包你想要的的
- 🌏 基于百度地图 Gl 版 SDK,通过 WebGL 对地图、覆盖物等进行渲染,支持 3D 视角展示地图
- 🚀 支持 volar,组件提供完善的代码提示
安装
推荐使用 pnpm 安装
# with npm
npm install vue3-baidu-map-gl@latest
# or with yarn
yarn add vue3-baidu-map-gl@latest
# or with pnpm
pnpm add vue3-baidu-map-gl@latest
文档
开发参与贡献
环境 pnpm: ">=6.0.0" node: ">=12.0.0"
# clone
git clone https://github.com/yue1123/vue3-baidu-map-gl
cd ./vue3-baidu-map-gl
# install
pnpm install
# 运行文档站点,用来测试组件,预览文档
pnpm docs:dev