shang2580/vue3-baidu-map-gl

🎉百度地图 GL版 Vue3 组件库，baidu map gl components libary based on Vue3.0

Vue3 BaiduMap Gl

易用 & 完整 & 高性能

基于百度地图 JavaScript GL 版（使用了 WebGL 对地图、覆盖物等进行渲染，支持 3D 视角展示地图） API 封装设计的 Vue3 组件/hooks 库，开箱即用。

如果您觉得还不错，点亮 🌟star🌟 是支持更新的最大动力 ✌🏻

Plauground

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

# or with yarn
yarn add vue3-baidu-map-gl@latest

# or with pnpm
pnpm add vue3-baidu-map-gl@latest

文档

中文

参与贡献

一个人精力有限，欢迎大家参与贡献

和代码请提 dev

环境 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 run docs:dev

🌟 Star History

License

MIT licenses