htoooth / WebClient-Vue

MapGIS WebClient for Vue

目录

• MapGIS WebClient for Vue
  • 目录
  • 一、开始
    • 1、主页
    • 2、特性
  • 二、深入了解
    • 1、代码结构
    • 2、编译
    • 3、本地调试

一、开始

1、主页

MapGIS Client for JavaScript

2、特性

1. 组件式风格 - Vue组件式开发
2. 面向对象编程 - 地图元素拥有 Vue 的生命周期，将原生地图事件封装成 Vue 的事件

二、深入了解

1、代码结构

 |-- WebClient-Vue
    |-- cesium                    -- Cesium的代码结构
        |--src                    -- Cesium源代码
        |--docs                   -- Vuepress文档说明
    |-- mapboxgl                  -- Mapboxgl 代码结构
        |--src                    -- MapboxGL源代码
        |--docs                   -- Vuepress文档说明

2、编译

如果您需修改源码，可自行编译打包生成MapBoxGL、Cesium的地图引擎库、API文档。

以MapboxGL为例，首先进入对应的目录下

0. 进入目录

   cd /path/to/mapboxgl

1. 安装依赖

   npm install
   # 或者
   yarn

2. 地图组件编译

   npm run build           #编译 将源代码编译成Vue的地图组件

3. API文档生成

   npm run docs:serve      #服务实时预览-生成API参考文档
   npm run docs:build      #编译打包预览-生成API参考文档

3、本地调试

以MapboxGL为例，首先进入对应的目录下，假设用户存在2个工程：1.WebClient-Vue 2.项目工程 MyProject

1. 进入对应的目录

   cd /path/to/WebClient-Vue/mapboxgl

2. 执行本地链接操作

   npm link

   得到对应的结果

3. 进入自己的项目工程

   cd /path/to/MyProject

4. 指定连接的WebClient-Vue库

   npm link @mapgis/webclient-vue-mapboxgl

   得到对应的结果