中地数码

# 安装

# 方式一：npm 安装

安装webclient-vue-mapboxgl:
npm install --save @mapgis/webclient-vue-mapboxgl
# 或者
yarn add @mapgis/webclient-vue-mapboxgl

安装webclient-vue-ui:
npm install --save @mapgis/webclient-vue-ui
# 或者
yarn add @mapgis/webclient-vue-ui
  • webclient-vue-mapboxgl 依赖于 mapgis 版本的 mapbox-gl。
  • mapbox 本身不支持 EPSG：4326，mapgis 的 mapbox-gl 通过修改实现支持 EPSG：4326。
  1. 通过在 github 路径中:https://github.com/MapGIS/WebClient-Vue 下载最新的 WebClient-Vue 项目。

2.项目安装完成后，分别有：cesium、mapboxgl、ui 工程，执行相对应文件中的 package.json 的 yarn/npm install 安装项目依赖。

3.cd 进入 mapboxgl 工程目录下，执行

yarn link

4.再 cd 进入自己的项目工程，执行

yarn link @mapgis/webclient-vue-mapboxgl

5.同理，cesium、ui 工程也执行 3、4 步骤来链接到自己项目中

6.在项目中 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);

6.不想使用 link @mapgis/webclient-vue-mapboxgl 时可以执行

yarn unlink @mapgis/webclient-vue-mapboxgl

解除链接。

快速上手 →