###

### MapGIS WebClient for Leaflet API文档

主要介绍 MapGIS WebClient for Leaflet 的用法

## 模块划分

#### 地图库模块

`地图视图`

## 准备

### 如何获取 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'