@mapgis/webclient-vue-mapboxgl

16.8.1 • Public • Published

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);

相关链接


项目依赖

/@mapgis/webclient-vue-mapboxgl/

    Package Sidebar

    Install

    npm i @mapgis/webclient-vue-mapboxgl

    Weekly Downloads

    20

    Version

    16.8.1

    License

    Apache2

    Unpacked Size

    37.6 MB

    Total Files

    233

    Last publish

    Collaborators

    • lidafengnpm
    • zhangying_zy
    • parndeedlit
    • gyj12
    • xionglaoda
    • mayuanye
    • c296149548
    • wxl974002443
    • zhangchunzhou
    • wangshuai-ws