#### # new GeoJSONLayer(options)

geojson图层，仅支持文件服务
目前二维和三维上支持4326(包括4490，4214以及4610)，3857以及EPSG支持的自定义坐标系，若是想要绘制源数据为非4326坐标系几何数据，需要在初始化时指定具体坐标系
参考示例：
[加载GeoJSON图层]
[ES5引入方式]：
Zondy.Layer.GraphicsLayer()
[ES6引入方式]：
import { GraphicsLayer } from "@mapgis/webclient-common"

#### 参数:

名称 | 类型 | 默认值 | 描述
--- | --- | --- | ---
`options` | Object |  | 构造参数
`url` | String |  | 服务基地址，仅支持文件服务： 参考示例： [1、加载GeoJSON图层] [2、加载自定义坐标系的GeoJSON图层] [3、删除GeoJSON图层]
`id` | String |  | 图层id，若不填则给一个随机id
`visible` | Boolean | show | 图层可见性，参考示例：[图层可见性]
`opacity` | Number | 1 | 图层透明度，0~1之间的值，0完全透明，1不透明，参考示例：[图层透明度]
`spatialReference` | SpatialReference |  | 图层坐标系，默认为4326，若是想要绘制源数据为非4326坐标系几何数据，需要在初始化时指定具体坐标系
`renderer` | BaseRenderer |  | 渲染样式， 目前支持如下样式： `1、单值专题图` `2、分段专题图` `3、统一专题图` 参考示例： [1、单值专题图] [2、分段专题图] [3、统一专题图]
`labelsVisible` | Boolean | false | 是否开启动态注记,仅支持三维动态注记渲染
`labelingInfo` | Array.<LabelClass> | [] | 注记样式数组，可以和renderer同时启用，默认取数组的第一个样式， 仅支持三维场景，参考示例：[注记样式]
`minScale` | Number | 0 | 最小缩放级数，仅会请求级数大于等于minScale的图片
`maxScale` | Number | 19 | 最大缩放级数，仅会请求级数小于等于maxScale的图片
`tokenKey` | String | 'token' | token名
`tokenValue` | String |  | token值，只有当tokenValue存在时，才会绑定token
`customParameters` | Object | {} | 自定义查询参数，键值对，填写该参数后，会在数据请求的来链接后面以&key=value的形式拼接字符串

查看源代码 common/document/layer/GeoJSONLayer.js, line 10

绑定事件:

- Layer#event:图层加载完毕事件
- Layer#event:图层销毁完毕事件
- Layer#event:图层更新完毕事件
- Layer#event:图层显隐更新完毕事件
- Layer#event:图层透明度更新完毕事件
- Layer#event:图层刷新完毕事件
- GeoJSONLayer#event:图层样式更新完毕事件

##### 支持如下方法：

[1、加载图层资源]
[2、销毁图层]
[3、返回所有要素]
[4、查询要素数量]
[5、通过传入的json构造并返回一个新的几何对象]
`6、导出为json对象`
`7、克隆几何对象`

##### 示例

初始化GeoJSON图层

    // 初始化图层管理容器
    // ES5引入方式
    const { Map,MapView } = Zondy
    const { GeoJSONLayer } = Zondy.Layer
    // ES6引入方式
    import { Map,MapView,GeoJSONLayer } from "@mapgis/webclient-common"
    const map = new Zondy.Map();
    // 初始化地图视图对象
    const mapView = new MapView({
      // 视图id
      viewId: "viewer-id",
      // 图层管理容器
      map: map
    });
    // 创建图层
    const geojsonLayer = new GeoJSONLayer({
      // 服务基地址
      url: 'json数据地址'
    })
    // 添加图层
    map.add(geojsonLayer)

加载自定义坐标系的GeoJSON图层

    // ES5引入方式
    const { Map,MapView,SpatialReference} = Zondy
    const { GeoJSONLayer } = Zondy.Layer
    // ES6引入方式
    import { Map,MapView,SpatialReference,GeoJSONLayer } from "@mapgis/webclient-common"
    // 初始化图层管理容器
    const map = new Map();
    // 初始化地图视图对象
    const mapView = new MapView({
      // 视图id
      viewId: "viewer-id",
      // 图层管理容器
      map: map
    });
    // 创建图层
    const geojsonLayer = new GeoJSONLayer({
      // 服务基地址
      url: 'json数据地址',
      // 设置坐标系
      spatialReference: new SpatialReference({
        wkid: '坐标系的wkid'
      })
    })
    // 添加图层
    map.add(geojsonLayer)

删除GeoJSON图层

    // 删除图层
    map.remove(geojsonLayer)

单值专题图-区数据

    // ES5引入方式
    const { Map,MapView,Color} = Zondy
    const { GeoJSONLayer } = Zondy.Layer
    const { UniqueValueRenderer } = Zondy.Renderer
    const { SimpleLineSymbol,SimpleFillSymbol } = Zondy.Symbol
    // ES6引入方式
    import { Map,MapView,Color,GeoJSONLayer,UniqueValueRenderer,SimpleLineSymbol,SimpleFillSymbol } from "@mapgis/webclient-common"
    // 初始化图层管理容器
    const map = new Map();
    // 初始化地图视图对象
    const mapView = new MapView({
      // 视图id
      viewId: "viewer-id",
      // 图层管理容器
      map: map
    });
    // 创建图层
    const geojsonLayer = new GeoJSONLayer({
      // 服务基地址
      url: 'json数据地址',
      // 渲染样式 - 单值专题图 - 区数据
      renderer: new UniqueValueRenderer({
        //字段名
        field: '你的字段名',
        // 默认符号，不在专题图指定范围内的会采用该样式，可不设置
        defaultSymbol: new Zondy.Symbol.SimpleFillSymbol({
          // 填充颜色
          color: Zondy.Color(1 , 1, 252),
          // 外边线样式
          outline: new SimpleLineSymbol({
            //线颜色
            color: new Color(255, 1, 0, 1),
            //线宽
            width: 1
          })
        }),
        //单值专题图字段样式
        uniqueValueInfos: [{
          //指定字段值
          value: "指定的值",
          //匹配到该值后的样式
          symbol: new SimpleFillSymbol({
            // 填充颜色
            color: Color(1, 1, 252),
            // 外边线样式
            outline: new SimpleLineSymbol({
              //线符号颜色
              color: new Color(255, 1, 0),
              //线宽
              width: 1
              })
            })
          },{
            //指定字段值
            value: "指定的值",
            //匹配到该值后的样式
            symbol: new SimpleFillSymbol({
              // 填充颜色
              color: new Color(211, 111, 11, 1)
            })
          }]
      })
    })
    map.add(geojsonLayer)

分段专题图-区数据

    // ES5引入方式
    const { Map,MapView,Color} = Zondy
    const { GeoJSONLayer } = Zondy.Layer
    const { ClassBreakRenderer } = Zondy.Renderer
    const { SimpleLineSymbol,SimpleFillSymbol } = Zondy.Symbol
    // ES6引入方式
    import { Map,MapView,Color,GeoJSONLayer,ClassBreakRenderer, SimpleLineSymbol,SimpleFillSymbol} from "@mapgis/webclient-common"
    // 初始化图层管理容器
    const map = new Map();
    // 初始化地图视图对象
    const mapView = new MapView({
      // 视图id
      viewId: "viewer-id",
      // 图层管理容器
      map: map
    });
    // 创建图层
    const geojsonLayer = new GeoJSONLayer({
      // 服务基地址
      url: 'json数据地址',
      // 渲染样式 - 分段专题图 - 区数据
      renderer: new ClassBreakRenderer({
         //字段名
         field: '你的字段名',
         // 指定默认样式，不在专题图指定范围内的会采用该样式，可不设置
         defaultSymbol:  new SimpleFillSymbol({
           // 填充颜色
           color: new Color(222, 1, 252),
           // 线符号样式
           outline: new SimpleLineSymbol({
             //线符号颜色
             color: new Zondy.Color(255, 1, 0),
             //线宽
             width: 1
           })
         }),
         //分段专题图字段样式
         classBreakInfos: [{
           // 最大范围
           maxValue: "最大范围",
           // 最小范围
           minValue: "最小范围",
           //匹配到该值后的样式
           symbol:  new SimpleFillSymbol({
             // 填充颜色
             color: new Color(1, 1, 252),
             // 线符号样式
             outline: new SimpleLineSymbol({
               //线符号颜色
               color: new Color(255, 1, 0, 1),
               //线宽
               width: 1
             })
           })
         }]
       })
    })
    map.add(geojsonLayer)

统一专题图-区数据

    // ES5引入方式
    const { GeoJSONLayer } = Zondy.Layer
    const { SimpleRenderer } = Zondy.Renderer
    const { SimpleFillSymbol,SimpleLineSymbol } = Zondy.Symbol
    const { Color } = Zondy
    // ES6引入方式
    import { Color,GeoJSONLayer, SimpleRenderer,SimpleLineSymbol,SimpleFillSymbol} from "@mapgis/webclient-common"
    const geojsonLayer = new GeoJSONLayer({
      // 服务基地址
      url: 'json数据地址',
      // 渲染样式 - 统一专题图 - 区数据
      renderer: new SimpleRenderer({
        // 设置几何的样式
        symbol: new SimpleFillSymbol({
          //线符号颜色
          color: randomColor(),
          // 外边线样式
          outline: new SimpleLineSymbol({
            // 外边线颜色
            color: new Color(1, 1, 252),
            // 外边线宽度
            width: 1
          })
        })
      })
    })
    map.add(geojsonLayer)

设置图层顺序

    // 加载完毕后，更改图层顺序
    map.reorder(geojsonLayer, '要移动到的index');

图层可见性

    // 创建图层
    // ES5引入方式
    const { GeoJSONLayer } = Zondy.Layer
    // ES6引入方式
    import { GeoJSONLayer } from "@mapgis/webclient-common"
    const geojsonLayer = new GeoJSONLayer({
      // 服务基地址
      url: 'json数据地址',
      // 设置图层可见性
      visible: true
    })

    // 图层加载完成后，设置可见性
    geojsonLayer.visible = !geojsonLayer.visible

图层透明度

    // 创建图层
     // ES5引入方式
    const { GeoJSONLayer } = Zondy.Layer
    // ES6引入方式
    import { GeoJSONLayer } from "@mapgis/webclient-common"
    const geojsonLayer = new Zondy.Layer.GeoJSONLayer({
      // 服务基地址
      url: 'json数据地址',
      // 设置图层透明度
      opacity: 1
    })

    // 图层加载完成后，设置可见性
    geojsonLayer.opacity = 0.5

启用注记

     // ES5引入方式
    const { LabelClass,Font } = Zondy
    const { TextSymbol } = Zondy.Symbol
    const { GeoJSONLayer } = Zondy.Layer
    // ES6引入方式
    import { LabelClass,Font,TextSymbol,GeoJSONLayer } from "@mapgis/webclient-common"
    // 初始化LabelClass
    const labelClass = new LabelClass({
      // 指定文本符号样式
      symbol: new TextSymbol({
        // 文字颜色
        color: new Color(252, 100, 22, 1),
        // 文字样式
        font: new Font({
          // 字体
          family: "微软雅黑",
          // 文字大小，单位像素
          size: 30,
          // 文字是否为斜体，正常模式
          style: "normal",
          // 文字粗细
          weight: "normal"
        })
      })
    })
    // 初始化GeoJSON图层
    const geojsonLayer = new GeoJSONLayer({
      // 服务基地址，当不指定图层名称时，默认查询第一个子图层
      url: 'http://{ip}:{port}/igs/rest/services/{ServiceName}/FeatureServer',
      // 可在此处设置渲染样式
      renderer: {},
      // 启用注记
      labelsVisible: true,
      // 设置注记样式
      labelingInfo: [labelClass]
    })
    // 添加到容器中
    map.add(geojsonLayer)

### 继承关系

- Layer

### 成员变量

类型: String

#### # readonly copyright

版权所有

Inherited From:
  - Layer#copyright

查看源代码 common/document/layer/baseLayer/Layer.js, line 203

类型: String

#### # customParameters

自定义查询参数customParameters

查看源代码 common/document/layer/GeoJSONLayer.js, line 430

类型: String

#### # readonly description

图层描述

Inherited From:
  - Layer#description

查看源代码 common/document/layer/baseLayer/Layer.js, line 197

类型: ElevationInfo

#### # elevationInfo

高程信息

查看源代码 common/document/layer/GeoJSONLayer.js, line 422

类型: Extent

#### # readonly extent

图层范围，从服务元信息中获取

Inherited From:
  - Layer#extent

查看源代码 common/document/layer/baseLayer/Layer.js, line 475

类型: String

#### # geometryType

几何类型

查看源代码 common/document/layer/GeoJSONLayer.js, line 435

类型: String

#### # readonly id

图层id

Inherited From:
  - Layer#id

查看源代码 common/document/layer/baseLayer/Layer.js, line 191

类型: Number

#### # index

图层顺序

Inherited From:
  - Layer#index

查看源代码 common/document/layer/baseLayer/Layer.js, line 235

类型: Array.<LabelClass>

#### # labelingInfo

注记样式数组，默认取数组的第一个样式，仅支持三维动态注记渲染

查看源代码 common/document/layer/GeoJSONLayer.js, line 445

类型: Boolean

#### # labelsVisible

是否开启动态注记,仅支持三维动态注记渲染

查看源代码 common/document/layer/GeoJSONLayer.js, line 440

类型: Boolean

#### # readonly loaded

是否加载完毕

Inherited From:
  - Layer#loaded
Default Value:
  - false

查看源代码 common/document/layer/baseLayer/Layer.js, line 216

类型: String

#### # readonly loadStatus

图层加载状态

Inherited From:
  - Layer#loadStatus
Default Value:
  - not-loaded

查看源代码 common/document/layer/baseLayer/Layer.js, line 209

类型: Number

#### # maxScale

最大层级

Overrides:
  - Layer#maxScale

查看源代码 common/document/layer/GeoJSONLayer.js, line 392

类型: Number

#### # minScale

最小层级

Overrides:
  - Layer#minScale

查看源代码 common/document/layer/GeoJSONLayer.js, line 387

类型: Number

#### # opacity

图层透明度，0到1之间的值，0为完全透明，1为不透明，会触发图层更新完毕事件

Inherited From:
  - Layer#opacity

查看源代码 common/document/layer/baseLayer/Layer.js, line 441

类型: String

#### # renderer

渲染器

查看源代码 common/document/layer/GeoJSONLayer.js, line 407

类型: SpatialReference

#### # spatialReference

图层坐标系对象

Overrides:
  - Layer#spatialReference

查看源代码 common/document/layer/baseLayer/Layer.js, line 462

类型: Array.<SpatialReference>

#### # spatialReferences

图层支持的所有坐标系

Inherited From:
  - Layer#spatialReferences

查看源代码 common/document/layer/ogc/WMSLayer.js, line 371

类型: String

#### # title

图层名称

Inherited From:
  - Layer#title

查看源代码 common/document/layer/baseLayer/Layer.js, line 240

类型: String

#### # tokenKey

token名

Overrides:
  - Layer#tokenKey

查看源代码 common/document/layer/GeoJSONLayer.js, line 397

类型: String

#### # tokenValue

token值

Overrides:
  - Layer#tokenValue

查看源代码 common/document/layer/GeoJSONLayer.js, line 402

类型: String

#### # readonly type

图层类型

Overrides:
  - Layer#type

查看源代码 common/document/layer/baseLayer/Layer.js, line 257

类型: String

#### # url

请求地址

查看源代码 common/document/layer/GeoJSONLayer.js, line 417

类型: Number

#### # visible

图层显示或隐藏，true则显示，false则隐藏，会触发图层更新完毕事件

Inherited From:
  - Layer#visible

查看源代码 common/document/layer/baseLayer/Layer.js, line 420

### 方法

#### # static fromJSON(jsonopt)

通过传入的json构造并返回一个新的几何对象

#### 参数:

名称 | 类型 | 描述
--- | --- | ---
`json` | Object | JSON对象

查看源代码 common/document/layer/GeoJSONLayer.js, line 567

##### 示例

<h7>通过传入的json构造并返回一个新的几何对象

    const json = {
      // 服务基地址
      url: 'json数据地址'
    }
    const geojsonLayer = new Zondy.Layer.GeoJSONLayer.fromJSON(json)

#### # clone()

克隆方法

Inherited From:
  - Layer#clone

查看源代码 common/document/layer/baseLayer/Layer.js, line 372

返回值:

图层

类型: Layer

#### # destroy()

销毁图层

查看源代码 common/document/layer/GeoJSONLayer.js, line 494

#### # isLoaded()

判断图层是否加载成功

Inherited From:
  - Layer#isLoaded

查看源代码 common/document/layer/baseLayer/Layer.js, line 281

返回值:

图层是否加载成功

类型: Boolean

#### # load()

加载图层资源

查看源代码 common/document/layer/GeoJSONLayer.js, line 458

返回值:
类型: Promise.<GeoJSONLayer>

#### # off(typesopt, fnopt, contextopt)

移除事件
示例如下:
[1、移除一个事件的指定回调函数]
[2、移除一个事件的所有回调函数]
[3、移除多个事件的同一个指定的回调函数]
[4、移除多个指定事件的回调函数]
[5、删除时指定上下文 - types类型为字符串]
[6、删除时指定上下文 - types类型为对象]

#### 参数:

名称 | 类型 | 描述
--- | --- | ---
`types` | string | 移除指定事件类型上绑定的回调函数 当类型为字符串时，可以移除单个或多个事件类型绑定的回调函数，单个事件："click"，多个事件：以空格分割:"click double-click"； 当types为对象时，使用如下方式移除事件：{'click': onClickFun, 'mouse-move': onMouseMoveFun}
`fn` | function | 事件回调函数，当types为字符串，且不指定要删除的回调函数时，删除该事件上的所有回调函数
`context` | Object | 事件回调函数的this关键字将指向的对象

Inherited From:
  - Evented#off

查看源代码 common/base/Evented.js, line 269

返回值:

当前实例

类型: Object

##### 示例

##### 移除一个事件的指定回调函数

    // 一个事件的回调函数
    const clickFunction = function (event) {
      console.log("点击事件:", event)
    }
    // 调用MapView或SceneView的off方法移除一个事件的回调函数
    view.off('click', clickFunction)

##### 移除一个事件的所有回调函数

    // 一个事件的回调函数1
    const clickFunction1 = function (event) {
      console.log("点击事件1:", event)
    }

    // 一个事件的回调函数2
    const clickFunction2 = function (event) {
      console.log("点击事件2:", event)
    }

    // 调用MapView或SceneView的off方法移除一个事件的所有回调函数
    // 不指定回调函数，则移除该事件上的所有绑定的回调函数
    view.off('click')

##### 移除多个事件的同一个指定的回调函数

    // 多个事件的同一个回调函数
    const eventFunction = function (event) {
      console.log("事件:", event)
    }
    // 调用MapView或SceneView的off方法移除多个事件的同一个指定的回调函数
    view.off('click double-click', eventFunction)

##### 移除多个指定事件的回调函数

    // 一个事件的回调函数
    const clickFunction = function (event) {
      console.log("click事件:", event)
    }
    // 调用MapView或SceneView的off方法移除多个指定事件的回调函数
    view.off({
       // 移除click事件上一个指定的函数
      "click": clickFunction,
      // 移除double-click上所有指定的函数
      "double-click": undefined
    })

##### 删除时指定上下文 - types类型为字符串

    // 一个事件的回调函数
    const clickFunction = function (event) {
      console.log("点击事件:", event)
    }
    // 调用MapView或SceneView的off方法移除一个事件的回调函数
    view.off('click', clickFunction, view)
    // 调用MapView或SceneView的off方法移除一个事件的所有回调函数
    view.off('click', undefined, view)

##### 删除时指定上下文 - types类型为对象

    // 一个事件的回调函数
    const clickFunction = function (event) {
      console.log("click事件:", event)
    }
    // 调用MapView或SceneView的off方法移除多个指定事件的回调函数
    view.off({
       // 移除click事件上一个指定的函数
      "click": clickFunction,
      // 移除double-click上所有指定的函数
      "double-click": undefined
    }, view)

#### # on(typesopt, fnopt, contextopt)

注册一个新的监听事件;
示例如下：
[1、注册一个事件]
[2、一次注册多个事件 - 同一个回调函数]
[3、一次注册多个事件 - 分别指回调应函数]
[4、当types为字符串时 - 指定上下文]
[5、当types为对象时 - 指定上下文]

#### 参数:

名称 | 类型 | 默认值 | 描述
--- | --- | --- | ---
`types` | String | Object | null | 事件类型 当types为字符串时，可以定义单个或多个事件，单个事件："click"，多个事件：以空格分割:"click double-click"； 当types为对象时，使用如下方式指定事件：{'click': onClickFun, 'mouse-move': onMouseMoveFun}
`fn` | function | null | 事件回调函数
`context` | Object | null | 事件回调函数的this关键字将指向的对象

Inherited From:
  - Evented#on

查看源代码 common/base/Evented.js, line 173

返回值:

当前实例

类型: Object

##### 示例

##### 注册一个事件

    // 初始化一个点击事件回调函数
    const clickFunction = function (event) {
      console.log("点击事件:", event)
    }
    // 调用MapView或SceneView的on方法注册一个点击事件
    view.on('click', clickFunction)

##### 一次注册多个事件 - 同一个回调函数

    // 初始化一个事件回调函数
    const eventFunction = function (event) {
      console.log("事件:", event)
    }

    // 调用MapView或SceneView的on方法注册多个事件
    // 多个事件类型使用同一个回调函数
    view.on('click right-click-down', eventFunction)

##### 一次注册多个事件 - 分别指回调应函数

    // 初始化一个左键点击事件回调函数
    const clickFunction = function (event) {
      console.log("click事件:", event)
    }

    // 初始化一个右键按下事件回调函数
    const rightClickFunction = function (event) {
      console.log("right-click-down事件:", event)
    }

    // 调用MapView或SceneView的on方法注册多个事件
    // 每一个事件类型，使用单独的回调函数
    // 注意使用此种方式，一种类型的事件仅能指定一个回调函数
    view.on({
      "click": clickFunction,
      "right-click-down": rightClickFunction
    })

##### 指定上下文 - types类型为字符串

    // 初始化一个点击事件回调函数
    const clickFunction = function (event) {
      console.log("点击事件:", event)
      console.log("上下文对象:", this)
    }
    // 调用MapView或SceneView的on方法注册一个点击事件
    // 指定view为回调函数的上下文对象
    view.on('click', clickFunction, view)

##### 指定上下文 - types类型为对象

    // 初始化一个点击事件回调函数
    const clickFunction = function (event) {
      console.log("点击事件:", event)
      console.log("上下文对象:", this)
    }
    // 调用MapView或SceneView的on方法注册一个点击事件
    // 指定view为回调函数的上下文对象
    view.on({
      "click": clickFunction,
      "right-click-down": clickFunction
    }, view)

#### # queryFeatures()

返回所有要素

查看源代码 common/document/layer/GeoJSONLayer.js, line 500

返回值:
类型: Promise.<FeatureSet>

#### # queryFeaturesCount()

查询要素数量

查看源代码 common/document/layer/GeoJSONLayer.js, line 515

返回值:
类型: Promise.<Number>

#### # refresh()

刷新图层

Inherited From:
  - Layer#refresh

查看源代码 common/document/layer/baseLayer/Layer.js, line 392

#### # toJSON()

转换为json对象

Inherited From:
  - Layer#toJSON

查看源代码 common/document/layer/baseLayer/Layer.js, line 345

返回值:

json对象

类型: Object

### 事件

#### # 图层刷新完毕事件

图层刷新完毕事件，请注意该事件是图层更新事件(layerview-update)的子事件

##### 属性:

Name | Type | Attributes | Default | Description
--- | --- | --- | --- | ---
`event` | Object |  |  | 事件对象
`type` | String | <optional> | 'layerview-update' | 图层更新完毕事件
`message` | String | <optional> | null | 更新描述
`updateContent` | Array.<UpdateContent> | <optional> | null | 更新详情对象
`layer` | Layer | <optional> | null | 地图图层对象
`layerView` | MapView | <optional> | null | 图层的视图对象
`sourceTarget` | Layer | <optional> | null | 事件发起对象
`target` | Map | <optional> | null | 事件接收对象

Inherited From:
  - Layer#event:图层刷新完毕事件

查看源代码 common/document/layer/baseLayer/Layer.js, line 160

##### 示例

##### 图层刷新完毕事件

    Layer.on('layerview-update', function (event) {
      // 获取更新事件对象
      console.log("更新完毕:", event)
      // 获取更新详情数组
      const updateContent = event.updateContent
      // 循环数组，根据事件名进行后续操作
      for (let i = 0; i < updateContent.length; i++) {
        // 图层刷新完毕事件
        if(updateContent[i].name === 'refresh'){
          console.log("图层刷新完毕事件:", event);
        }
      }
    });

#### # 图层加载完毕事件

图层加载完毕事件

##### 属性:

Name | Type | Attributes | Default | Description
--- | --- | --- | --- | ---
`event` | Object |  |  | 事件对象
`type` | String | <optional> | 'layerview-created' | 图层加载完毕事件
`message` | String | <optional> | null | 更新描述
`UpdateContent` | Array.<UpdateContent> | <optional> | null | 更新详情对象
`layer` | Layer | <optional> | null | 地图图层对象
`layerView` | MapView | <optional> | null | 图层的视图对象
`sourceTarget` | Layer | <optional> | null | 事件发起对象
`target` | Map | <optional> | null | 事件接收对象

Inherited From:
  - Layer#event:图层加载完毕事件

查看源代码 common/document/layer/baseLayer/Layer.js, line 28

##### 示例

<h7>图层加载完毕事件

    Layer.on('layerview-created', function (result) {
      console.log("加载完毕:", result.layer)
    });

#### # 图层显隐更新完毕事件

图层显隐更新完毕事件，请注意该事件是图层更新事件(layerview-update)的子事件

##### 属性:

Name | Type | Attributes | Default | Description
--- | --- | --- | --- | ---
`event` | Object |  |  | 事件对象
`type` | String | <optional> | 'layerview-update' | 图层更新完毕事件
`message` | String | <optional> | null | 更新描述
`updateContent` | Array.<UpdateContent> | <optional> | null | 更新详情对象
`layer` | Layer | <optional> | null | 地图图层对象
`layerView` | MapView | <optional> | null | 图层的视图对象
`sourceTarget` | Layer | <optional> | null | 事件发起对象
`target` | Map | <optional> | null | 事件接收对象

Inherited From:
  - Layer#event:图层显隐更新完毕事件

查看源代码 common/document/layer/baseLayer/Layer.js, line 79

##### 示例

##### 图层显隐更新完毕事件

    Layer.on('layerview-update', function (event) {
      // 获取更新事件对象
      console.log("更新完毕:", event)
      // 获取更新详情数组
      const updateContent = event.updateContent
      // 循环数组，根据事件名进行后续操作
      for (let i = 0; i < updateContent.length; i++) {
        // 图层显隐事件
        if(updateContent[i].name === 'visible'){
          console.log("图层显隐更新事件:", event);
        }
      }
    });

#### # 图层更新完毕事件

图层更新完毕事件

##### 属性:

Name | Type | Attributes | Default | Description
--- | --- | --- | --- | ---
`event` | Object |  |  | 事件对象
`type` | String | <optional> | 'layerview-update' | 图层更新完毕事件
`message` | String | <optional> | null | 更新描述
`updateContent` | Array.<UpdateContent> | <optional> | null | 更新详情对象
`layer` | Layer | <optional> | null | 地图图层对象
`layerView` | MapView | <optional> | null | 图层的视图对象
`sourceTarget` | Layer | <optional> | null | 事件发起对象
`target` | Map | <optional> | null | 事件接收对象

Inherited From:
  - Layer#event:图层更新完毕事件

查看源代码 common/document/layer/baseLayer/Layer.js, line 62

##### 示例

<h7>图层更新完毕事件

    Layer.on('layerview-update', function (result) {
      console.log("更新完毕:", result.layer)
    });

#### # 图层样式更新完毕事件

图层样式更新完毕事件，请注意该事件是图层更新事件(layerview-update)的子事件

##### 属性:

Name | Type | Attributes | Default | Description
--- | --- | --- | --- | ---
`event` | Object |  |  | 事件对象
`type` | String | <optional> | 'layerview-update' | 图层更新完毕事件
`message` | String | <optional> | null | 更新描述
`updateContent` | Array.<UpdateContent> | <optional> | null | 更新详情对象
`layer` | Layer | <optional> | null | 地图图层对象
`layerView` | MapView | <optional> | null | 图层的视图对象
`sourceTarget` | Layer | <optional> | null | 事件发起对象
`target` | Map | <optional> | null | 事件接收对象

查看源代码 common/document/layer/GeoJSONLayer.js, line 352

##### 示例

##### 图层样式更新完毕事件

    Layer.on('layerview-update', function (event) {
      // 获取更新事件对象
      console.log("更新完毕:", event)
      // 获取更新详情数组
      const updateContent = event.updateContent
      // 循环数组，根据事件名进行后续操作
      for (let i = 0; i < updateContent.length; i++) {
        // 图层样式更新完毕事件
        if(updateContent[i].name === 'renderer'){
          console.log("图层样式更新完毕事件:", event);
        }
      }
    });

#### # 图层透明度更新完毕事件

图层透明度更新完毕事件，请注意该事件是图层更新事件(layerview-update)的子事件

##### 属性:

Name | Type | Attributes | Default | Description
--- | --- | --- | --- | ---
`event` | Object |  |  | 事件对象
`type` | String | <optional> | 'layerview-update' | 图层更新完毕事件
`message` | String | <optional> | null | 更新描述
`updateContent` | Array.<UpdateContent> | <optional> | null | 更新详情对象
`layer` | Layer | <optional> | null | 地图图层对象
`layerView` | MapView | <optional> | null | 图层的视图对象
`sourceTarget` | Layer | <optional> | null | 事件发起对象
`target` | Map | <optional> | null | 事件接收对象

Inherited From:
  - Layer#event:图层透明度更新完毕事件

查看源代码 common/document/layer/baseLayer/Layer.js, line 106

##### 示例

##### 图层透明度更新完毕事件

    Layer.on('layerview-update', function (event) {
      // 获取更新事件对象
      console.log("更新完毕:", event)
      // 获取更新详情数组
      const updateContent = event.updateContent
      // 循环数组，根据事件名进行后续操作
      for (let i = 0; i < updateContent.length; i++) {
        // 图层透明度更新事件
        if(updateContent[i].name === 'opacity'){
          console.log("图层透明度更新事件:", event);
        }
      }
    });

#### # 图层销毁完毕事件

图层销毁完毕事件

##### 属性:

Name | Type | Attributes | Default | Description
--- | --- | --- | --- | ---
`event` | Object |  |  | 事件对象
`type` | String | <optional> | 'layerview-remove' | 图层销毁完毕事件
`message` | String | <optional> | null | 更新描述
`updateContent` | Array.<UpdateContent> | <optional> | null | 更新详情对象
`layer` | Layer | <optional> | null | 要销毁的地图图层对象
`layerView` | MapView | <optional> | null | 图层的视图对象
`sourceTarget` | Layer | <optional> | null | 事件发起对象
`target` | Map | <optional> | null | 事件接收对象

Inherited From:
  - Layer#event:图层销毁完毕事件

查看源代码 common/document/layer/baseLayer/Layer.js, line 45

##### 示例

<h7>图层销毁完毕事件

    Layer.on('layerview-remove', function (result) {
      console.log("销毁完毕:", result.layer)
    });

#### # 图层顺序更新完毕事件

图层顺序更新完毕事件，请注意该事件是图层更新事件(layerview-update)的子事件

##### 属性:

Name | Type | Attributes | Default | Description
--- | --- | --- | --- | ---
`event` | Object |  |  | 事件对象
`type` | String | <optional> | 'layerview-update' | 图层更新完毕事件
`message` | String | <optional> | null | 更新描述
`updateContent` | Array.<UpdateContent> | <optional> | null | 更新详情对象
`layer` | Layer | <optional> | null | 地图图层对象
`layerView` | MapView | <optional> | null | 图层的视图对象
`sourceTarget` | Layer | <optional> | null | 事件发起对象
`target` | Map | <optional> | null | 事件接收对象

Inherited From:
  - Layer#event:图层顺序更新完毕事件

查看源代码 common/document/layer/baseLayer/Layer.js, line 133

##### 示例

##### 图层顺序更新完毕事件

    Layer.on('layerview-update', function (event) {
      // 获取更新事件对象
      console.log("更新完毕:", event)
      // 获取更新详情数组
      const updateContent = event.updateContent
      // 循环数组，根据事件名进行后续操作
      for (let i = 0; i < updateContent.length; i++) {
        // 图层顺序更新完毕事件
        if(updateContent[i].name === 'index'){
          console.log("图层顺序更新完毕事件:", event);
        }
      }
    });