###

### MapGIS WebClient for Cesium API文档

主要介绍 MapGIS WebClient for Cesium 的用法

## 模块划分

#### 地图库模块

`场景视图`

## 准备

### 如何获取 MapGIS WebClient for Cesium

开发时需要引入MapGIS WebClient for Cesium相关开发包。其中包括引擎核心库以及中地的插件库

#### 外网

##### es5方式

请在如下网址下载引擎核心库以及中地的插件库：
http://beta.smaryun.com/dev/download_detail.html#/download827

##### es6方式

请通过npm的方式安装插件库

      npm install @mapgis/cesium
      npm install @mapgis/webclient-cesium-plugin

#### 内网

##### es5方式

请在如下网址下载引擎核心库以及中地的插件库：
引擎库：http://192.168.11.130:4873/-/web/detail/@mapgis/cesium 插件库：http://192.168.11.130:4873/-/web/detail/@mapgis/webclient-cesium-plugin

##### es6方式

请通过npm的方式安装插件库，开发所需依赖，都在插件库中
先将npm的源切换至内网
npm set registry http://192.168.11.130:4873/
然后通过npm进行安装

      npm install @mapgis/cesium
      npm install @mapgis/webclient-cesium-plugin

## 引入

### 1、文件方式引入

在项目的css中设置如下样式

    /*设置场景视图的样式，一定要设置否则地图无法显示*/
    #你的场景视图的id {
        width: 100%;
        height: 100%;
        position: absolute;
    }

通过文件方式引入开发库

    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
        <!--引擎库-->
        <script src="http://{ip}:{port}/{你的路径}/cesium/Cesium.js"></script>
        <link rel="stylesheet" href="http://{ip}:{port}/{你的路径}/cesium/Widgets/widgets.css"/>
        <link rel="stylesheet" href="http://{ip}:{port}/{你的路径}/cesium/MapGIS/css/mapgis.css"/>
        <!--插件库-->
        <script src="http://{ip}:{port}/{你的路径}/webclient-cesium-plugin/webclient-cesium-plugin.min.js"></script>
        <!--设置场景视图的样式，一定要设置否则地图无法显示-->
        <style>
            #你的场景视图的id {
                width: 100%;
                height: 100%;
                position: absolute;
            }
        </style>
    </head>
    </html>

### 2、npm方式引入

找到你项目的index.html或者项目的css中设置如下样式

    /*设置场景视图的样式，一定要设置否则地图无法显示*/
    #你的场景视图的id {
        width: 100%;
        height: 100%;
        position: absolute;
    }

引擎库暂时不支持es6的方式，因此请在index.html中引入引擎库

    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
        <!--引擎库-->
        <script src="http://{ip}:{port}/{你的路径}/cesium/Cesium.js"></script>
        <link rel="stylesheet" href="http://{ip}:{port}/{你的路径}/cesium/Widgets/widgets.css"/>
        <link rel="stylesheet" href="http://{ip}:{port}/{你的路径}/cesium/MapGIS/css/mapgis.css"/>
    </head>
    </html>

之后通过npm的方式引入插件库

      npm install @mapgis/webclient-leaflet-plugin