###

### MapGIS WebClient for Leaflet API文档

主要介绍 MapGIS WebClient for Leaflet 的用法

## 模块划分

#### 地图库模块

`场景视图基类`、`地图视图`

#### 地图管理模块

`图层管理容器`、`OGC-WMS图层`、`OGC-WMTS图层`、`OGC-WFS图层`、 `IGS地图图片图层`、`IGS瓦片图层`、`IGS要素图层`、 `IGS矢量瓦片图层`、`ArcGIS地图图片图层`、`ArcGIS瓦片图层`、 `几何图形图层`、`GeoJSON图层`、`组图层`、 `Echarts图层`、`MapV图层`、`图层渲染样式基类`、 `单值专题图样式`、`分段专题图样式`、`统一专题图样式`

#### 基础对象模块

`几何基类`、`圆`、`矩形范围`、`线`、 `多线`、`点`、`多点`、`区`、 `多区`、`坐标系`、`要素`、`要素集合`、 `符号基类`、`填充符号基类`、`线符号基类`、 `Marker符号基类`、`图片Marker符号`、`简单Marker符号`、 `简单填充符号`、`简单线符号`、`文本符号`

#### 服务模块

`服务基类`、`地址服务`、`3DTiles服务`、 `要素服务`、`地理几何服务`、`工作流服务`、 `影像服务`、`M3d服务`、`地图服务`、`标绘服务`、 `兴趣点服务`、`资源服务`、`根目录服务`、`场景服务`、 `安全服务`、`地形缓存服务`、`瓦片服务`、`矢量瓦片服务`、 `IGS1.0专题图服务`、`请求工具基类`、`服务请求工具`、`请求拦截器`、`响应拦截器`、 `ArcGIS要素服务`、`ArcGIS几何服务`、`ArcGIS地图服务`、 `ArcGIS矢量瓦片服务`

#### 分析模块

`几何分析工具`

## 准备

### 如何获取 MapGIS WebClient for Leaflet

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

#### 外网

##### es5方式

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

##### es6方式

请通过npm的方式安装插件库，开发所需依赖，都在插件库中

      npm install @mapgis/webclient-leaflet-plugin

#### 内网

##### es5方式

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

##### es6方式

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

      npm install @mapgis/webclient-leaflet-plugin

## 引入

### 1、文件方式引入

    <!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">
        <!--引擎库-->
        <link rel="stylesheet" href="http://{ip}:{port}/{你的路径}/leaflet/leaflet.css">
        <script src="http://{ip}:{port}/{你的路径}/leaflet/leaflet.js"></script>
        <!--plugin库-->
        <script src="http://{ip}:{port}/{你的路径}/zondyclient/webclient-leaflet-plugin.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;
    }

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

      npm install @mapgis/webclient-leaflet-plugin

并且在项目的main.js 中引入leaflet的css样式

    import '@mapgis/leaflet/dist/leaflet.css'