- 指南

  - 快速上手
  - 基础地图
  - 子图层控制

- API

  - 地图场景
  - GeoJSON
  - IGS-二维矢量
  - IGS-Doc
  - IGS-Tile
  - ArcGIS-Map
  - ArcGIS-Tile
  - WMS
  - WMTS
  - 矢量瓦片
  - M3D
  - 可视域分析
  - 通视分析
  - 洪水淹没分析
  - 气泡
  - 卷帘
  - 多屏联动
  - 图例
  - 表格
  - 绘制
  - 量算
  - Echarts
  - MapV

- 组件开发

  - 使用组件
  - 创建组件

- 版本

  - 版本对比

# 中地数码

@mapgis/webclient-vue-cesium

快速上手 →

## 组件式风格

通过Vue的组件方式调用Layer, Provider, Source, M3D

## Vue控制

面向对象编程：地图元素拥有Vue的生命周期，将部分地图事件封装成Vue的事件

WARNING

~ 快速提示，刚接触一定要看完指南部分和自定义插件部分。 熟悉后可以直接查看 API。

    // main.js
    import Mapgis3d from "@mapgis/webclient-vue-cesium";
    Vue.use(Mapgis3d);

    <template>
      <mapgis-web-scene
        ref="webgloberef"
        libPath="statics/cesium/Cesium.js"
        pluginPath="statics/cesium/webclient-cesium-plugins.js"
      >
        <mapgis-3d-igs-tile-layer
          :ip="ip"
          :port="port"
          :protocol="protocol"
          :serverName="serverName"
        />
      </mapgis-web-scene>
    </template>

    <script>
    export default {
      name: "App",
      data() {
        return {
          webgloberef: "webgloberef" + Math.random(),
          ip: "develop.smaryun.com",
          port: "6163",
          protocol: "http",
          serverName: "北京市"
        };
      },
      methods: {
        handleLoad(e) {
          console.log("地图加初始化完毕！", e);
        }
      }
    };
    </script>

依赖

Vue.js 2.5+
(opens new window)
MapGIS/Cesium 1.0+
(opens new window)

目的

> 用于开发 Vue 版本的 Cesium 组件 :::

MIT Licensed