@mapgis/webclient-vue-mapboxgl
v17.2.2
Published
中地数码webclient-vue-mapboxgl
Downloads
75
Readme
Webclient-Vue-MapboxGL
简介
webclient-vue-mapboxgl是基于MapboxGL实现的vue组件开发库，提供构建Web二维GIS应用的常用vue组件。
模块说明
特点
- 组件式风格
通过 Vue 的组件方式调用 layers, markers, popups， 并且使用同步synchronized props来控制状态
- Vue 控制
面向对象编程：地图元素拥有 Vue 的生命周期，将原生地图事件封装成 Vue 的事件
- 同步的 Promise Actions
原先异步的地图操作变成同步操作，并且采取Promise的方式进行开发避免大量的地图事件回调导致代码逻辑混乱，能够清晰的知道是什么行为导致地图的变化。
编译
由于vue-cli针对core-js2和core-js3的支持不同，导致了目前只能处理对应core-js2的版本，需要安装环境的时候先屏蔽dependencies所有依赖后，先安装devDependencies将环境设置为core-js2,再放开dependencies依赖
安装
npm install --save @mapgis/webclient-vue-mapboxgl
# 或者
yarn add @mapgis/webclient-vue-mapboxgl在 main.js 中全局引入组件和样式文件
import "@mapgis/webclient-vue-ui/dist-libs/webclient-vue-ui.css";
import "@mapgis/webclient-vue-mapboxgl/dist-libs/webclient-vue-mapboxgl.css";
import MapgisUi from "@mapgis/webclient-vue-ui";
import Mapgis2d from "@mapgis/webclient-vue-mapboxgl";
Vue.use(MapgisUi);
Vue.use(Mapgis2d);