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

这是一个封装比较好的组件库 。
是一个全面的组件库 。您可以轻松愉快地将应用于您的 Vue 项目 。以组件的形式导入各种数据源和图层,并通过修改 props 的参数来修改图层的状态 。
的目的是让用户更简洁、高效的在 Vue 中开发 GIS 。
它是如何工作的?

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

文章插图
本质上将一些类包装在中,并通过监视类的一些变量属性实现组件化 。
例如,v-fill-layer 组件实际上包裹了类 。
【MapVue,一个基于mapbox gl的开源vue组件库】如何使用? 安装
虽然基于开发,但是组件库并不将 -gl 整合到一个里,需要单独安装 。
# use npmnpm install mapbox-gl mapvue# use yarnyarn add mapbox-gl mapvue# use pnpmpnpm add mapbox-gl mapvue
导入
import { createApp } from "vue";import MapVue from "mapvue";// 用 vue cliimport "mapvue/dist/style.css";// 用 vitejsimport "mapvue/dist/mapvue.css";import App from "./App.vue";createApp(App).use(MapVue).mount("#app");
使用