MapVue，一个基于mapbox gl的开源vue组件库

这是一个封装比较好的 组件库。

是一个全面的 组件库。您可以轻松愉快地将 应用于您的 Vue 项目。以组件的形式导入各种数据源和图层，并通过修改 props 的参数来修改图层的状态。

的目的是让用户更简洁、高效的在 Vue 中开发 GIS。

它是如何工作的？

本质上将一些类包装在 中，并通过监视类的一些变量属性实现组件化。

例如，v-fill-layer 组件实际上包裹了 类。

如何使用？ 安装

虽然基于 开发，但是组件库并不将 -gl 整合到一个 里，需要单独安装。

# use npm
npm install mapbox-gl mapvue
# use yarn
yarn add mapbox-gl mapvue
# use pnpm
pnpm add mapbox-gl mapvue

导入

import { createApp } from "vue";
import MapVue from "mapvue";
// 用 vue cli
import "mapvue/dist/style.css";
// 用 vitejs
import "mapvue/dist/mapvue.css";
import App from "./App.vue";createApp(App).use(MapVue).mount("#app");

使用