Skip to content

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

License

Notifications You must be signed in to change notification settings

yue1123/vue3-baidu-map-gl

Repository files navigation

Vue3 BaiduMap gl

易用 & 完整 & 高性能

GitHub package.json version (subfolder of monorepo)

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

开源不易,点亮 🌟star🌟 是支持更新的最大动力 ✌🏻

Plauground

✨ 特性

  • 🚀 自动加载百度地图 SDK,将百度地图繁琐的 Api 封装进组件,你只需关注组件本身
  • 📦 20+ 高质量的开箱即用 Vue 3 组件以及 7+ hooks 封装
  • 📐 遵循直觉的、简约的 Api 设计
  • ⚡ Composition Api,更好的性能
  • 🔨 完整的 TypeScript 支持,更好的体验
  • 🧩 tree shaking 支持,模块分包,只打包你想要的的
  • 🌏 基于百度地图 Gl 版 SDK,通过 WebGL 对地图、覆盖物等进行渲染,支持 3D 视角展示地图
  • 🖇️ 组件同时兼容纯净式大驼峰命名(Map)和短横线命名(b-map)
  • 🚀 支持 volar,组件提供完善的代码提示

文档

https://yue1123.github.io/vue3-baidu-map-gl/zh

安装

推荐使用 pnpm 安装

yarn add vue3-baidu-map-gl
# or
pnpm add vue3-baidu-map-gl

使用

<template>
  <Map ak="YOUR_AK" />
</template>

<script setup lang="ts">
  import { Map } from 'vue3-baidu-map-gl'
</script>

CDN

参考 通过 CDN 使用

参与贡献

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

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

License

MIT licenses