#### # new GraphicsLayer(options)

几何图形图层，不支持在线数据，仅支持传入多个几何对象并绘制
目前二维和三维上支持4326(包括4490，4214以及4610)，3857以及EPSG支持的自定义坐标系，若是想要绘制非4326坐标系几何，需要在初始化要素对象的几何时，指定具体坐标系
[ES5引入方式]：
Zondy.Layer.GraphicsLayer()
[ES6引入方式]：
import { GraphicsLayer } from "@mapgis/webclient-common"
针对图层的操作请在图层加载完毕事件中进行
Layer.on('layerview-created', function (result) {
console.log("加载完毕:", result.layer)
});
如果不想在该事件中放入业务代码，则请确认图层资源已加载完毕后再进行操作
if(layer.loadStatus === 'loaded') {
// 你的业务逻辑
}

#### 参数:

名称 | 类型 | 默认值 | 描述
--- | --- | --- | ---
`options` | Object |  | 构造参数
`graphics` | Array.<Feature> |  | 几何对象，支持的几何数据如下： `1、点几何` `2、多点几何` `3、线几何` `4、多线几何` `5、区几何` `6、多区几何` `7、矩形几何` `8、圆几何` 参考示例： [1、创建图层] [2、删除图层] [3、添加要素] [4、添加自定义坐标系的要素]
`id` | String |  | 图层id，不给则给一个随机的id
`visible` | Boolean | show | 图层可见性，参考示例：[图层可见性]
`opacity` | Number | 1 | 图层透明度，0~1之间的值，0完全透明，1不透明，参考示例：[图层透明度]
`ElevationInfo` | ElevationInfo |  | 高度参数

查看源代码 common/document/layer/GraphicsLayer.js, line 7

绑定事件:

- Layer#event:图层加载完毕事件
- Layer#event:图层销毁完毕事件
- Layer#event:图层更新完毕事件
- Layer#event:图层显隐更新完毕事件
- Layer#event:图层透明度更新完毕事件
- Layer#event:图层顺序更新完毕事件
- GraphicsLayer#event:添加要素事件
- GraphicsLayer#event:添加多个要素事件
- GraphicsLayer#event:删除要素事件
- GraphicsLayer#event:删除多个要素事件
- GraphicsLayer#event:删除所有要素事件

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

[1、添加要素]
[2、删除要素]
[3、添加要素组]
[4、删除要素组]
[5、删除全部要素]
[6、通过传入的json构造并返回一个新的几何对象]
`7、导出为json对象`
`8、克隆几何对象`

##### 示例

初始化图层

    // ES5引入方式
    const { Map,MapView,Feature,Color} = Zondy
    const { Circle } = Zondy.Geometry
    const { SimpleFillSymbol } = Zondy.Symbol
    const { GraphicsLayer } = Zondy.Layer
    // ES6引入方式
    import { Map,MapView,Color,Feature,Circle, GraphicsLayer,SimpleFillSymbol} from "@mapgis/webclient-common"
    // 初始化图层管理容器
    const map = new Map();
    // 初始化地图视图对象
    const mapView = new MapView({
      // 视图id
      viewId: "viewer-id",
      // 图层管理容器
      map: map
    });
    // 创建一个要素
    const feature = new Feature({
      //不填则创建一个随机的guid
      id: '你的id',
      //设置属性
      attributes: {},
      //构建几何
      geometry: new Circle({
        // 中心点
        center: [113, 30],
        // 半径
        radius: 4
      }),
      //设置样式
      symbol: new SimpleFillSymbol({
        //设置颜色
        color: new Color(255, 0, 112, 1)
      })
    })
    // 初始化几何图层
    const graphicsLayer = new GraphicsLayer({
      graphics:[feature]
    })
    map.add(graphicsLayer)

删除图层

    map.remove(graphicsLayer)

将要素添加入图层

    // ES5引入方式
    const { Feature,Color} = Zondy
    const { Circle } = Zondy.Geometry
    const { SimpleFillSymbol } = Zondy.Symbol
    const { GraphicsLayer } = Zondy.Layer
    // ES6引入方式
    import { Feature,Color,Circle, GraphicsLayer,SimpleFillSymbol} from "@mapgis/webclient-common"
    // 创建一个要素
    const feature = new Feature({
      //不填则创建一个随机的guid
      id: '你的id',
      //设置属性
      attributes: {},
      //构建几何
      geometry: new Circle({
        // 中心点
        center: [113, 30],
        // 半径
        radius: 4
      }),
      //设置样式
      symbol: new SimpleFillSymbol({
        //设置颜色
        color: new Color(255, 0, 112, 1)
      })
    })
    // 创建图层
    const graphicsLayer = new GraphicsLayer()
    map.add(graphicsLayer)
    // 添加要素
    graphicsLayer.add(feature)

添加自定义坐标系的要素

    // ES5引入方式
    const { Feature,SpatialReference,Color} = Zondy
    const { Circle } = Zondy.Geometry
    const { SimpleFillSymbol } = Zondy.Symbol
    const { GraphicsLayer } = Zondy.Layer
    // ES6引入方式
    import { Feature,SpatialReference,Color,Circle, GraphicsLayer,SimpleFillSymbol} from "@mapgis/webclient-common"
    // 创建一个要素
    const feature = new Feature({
      //构建几何
      geometry: new Circle({
        // 中心点
        center: [403511.251934197, 3320534.43647428],
        // 半径，单位像素
        radius: 4,
        // 设置坐标系
        spatialReference: new SpatialReference({
          wkid: '坐标系的wkid'
        })
      }),
      //设置样式
      symbol: new SimpleFillSymbol({
        //设置颜色
        color: new Color(255, 0, 112, 1)
      })
    })
    // 创建图层
    const graphicsLayer = new GraphicsLayer()
    map.add(graphicsLayer)
    // 添加要素
    graphicsLayer.add(feature)

图层可见性

     // ES5引入方式
    const { GraphicsLayer } = Zondy.Layer
    // ES6引入方式
    import {  GraphicsLayer } from "@mapgis/webclient-common"
    // 创建图层时设置可见性
    const graphicsLayer = new GraphicsLayer({
      // 设置图层visible
      visible: true
    })
    map.add(graphicsLayer)

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

图层透明度

    // ES5引入方式
    const { GraphicsLayer } = Zondy.Layer
    // ES6引入方式
    import {  GraphicsLayer } from "@mapgis/webclient-common"
    // 创建图层时设置透明度
    const graphicsLayer = new GraphicsLayer({
      opacity: 1
    })
    map.add(graphicsLayer)

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

图层顺序

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

### 继承关系

- Layer

### 成员变量

类型: String

#### # readonly copyright

版权所有

Inherited From:
  - Layer#copyright

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

类型: String

#### # readonly description

图层描述

Inherited From:
  - Layer#description

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

类型: ElevationInfo

#### # elevationInfo

高程信息

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

类型: Extent

#### # readonly extent

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

Inherited From:
  - Layer#extent

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

类型: FeatureCollection.<Feature>

#### # graphics

几何对象数组

查看源代码 common/document/layer/GraphicsLayer.js, line 380

类型: 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

类型: Boolean

#### # readonly loaded

是否加载完毕

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

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

类型: String

#### # readonly loadStatus

图层加载状态

Overrides:
  - Layer#loadStatus
Default Value:
  - not-loaded

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

类型: Number

#### # maxScale

最大比例尺，只有当地图视图的比例尺小于最大比例尺时显示覆盖物图层

Overrides:
  - Layer#maxScale

查看源代码 common/document/layer/GraphicsLayer.js, line 357

类型: Number

#### # minScale

最小比例尺，只有当地图视图的比例尺大于最小比例尺时显示覆盖物图层

Overrides:
  - Layer#minScale

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

类型: Number

#### # opacity

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

Inherited From:
  - Layer#opacity

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

类型: 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/GraphicsLayer.js, line 362

类型: String

#### # tokenValue

token值

Overrides:
  - Layer#tokenValue

查看源代码 common/document/layer/GraphicsLayer.js, line 367

类型: String

#### # readonly type

图层类型

Overrides:
  - Layer#type

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

类型: 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/GraphicsLayer.js, line 657

##### 示例

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

    // ES5引入方式
    const { Feature } = Zondy
    const { Circle } = Zondy.Geometry
    const { GraphicsLayer } = Zondy.Layer
    // ES6引入方式
    import {  Feature,Circle,GraphicsLayer } from "@mapgis/webclient-common"
    // 创建一个要素
    const feature1 = new Feature({
      //构建几何
      geometry: new Circle({
        // 中心点
        center: [113, 30],
        // 半径
        radius: 4
      })
    })
    const feature2 = new Feature({
      //构建几何
      geometry: new Circle({
        // 中心点
        center: [123, 33],
        // 半径
        radius: 4
      })
    })
    const json = {
      graphics: [feature1, feature2]
    }
    // 创建图层
    const graphicsLayer = new GraphicsLayer.fromJSON(json)

#### # add(feature)

添加要素，参考示例：[添加要素]

#### 参数:

名称 | 类型 | 描述
--- | --- | ---
`feature` | Feature | 要添加的要素

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

#### # addMany(features)

添加要素组

#### 参数:

名称 | 类型 | 描述
--- | --- | ---
`features` | FeatureSet | Array.<Feature> | 要添加的要素数组或集合

查看源代码 common/document/layer/GraphicsLayer.js, line 497

##### 示例

添加要素组

    // ES5引入方式
    const { Feature } = Zondy
    const { Circle } = Zondy.Geometry
    const { GraphicsLayer } = Zondy.Layer
    // ES6引入方式
    import {  Feature,Circle,GraphicsLayer } from "@mapgis/webclient-common"
    // 创建一个要素
    const feature1 = new Feature({
      //构建几何
      geometry: new Circle({
        // 中心点
        center: [113, 30],
        // 半径
        radius: 4
      })
    })
    const feature2 = new Feature({
      //构建几何
      geometry: new Circle({
        // 中心点
        center: [123, 33],
        // 半径
        radius: 4
      })
    })
    // 创建图层
    const graphicsLayer = new GraphicsLayer()
    map.add(graphicsLayer)
    // 一次添加多个要素
    graphicsLayer.addMany([feature1, feature2])

#### # clone()

克隆方法

Inherited From:
  - Layer#clone

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

返回值:

图层

类型: Layer

#### # isLoaded()

判断图层是否加载成功

Inherited From:
  - Layer#isLoaded

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

返回值:

图层是否加载成功

类型: Boolean

#### # 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)

#### # refresh()

刷新图层

Inherited From:
  - Layer#refresh

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

#### # remove(feature)

删除要素

#### 参数:

名称 | 类型 | 描述
--- | --- | ---
`feature` | Feature | 要删除的要素

查看源代码 common/document/layer/GraphicsLayer.js, line 447

##### 示例

删除要素

    // ES5引入方式
    const { Feature,Color } = Zondy
    const { Circle } = Zondy.Geometry
    const { GraphicsLayer } = Zondy.Layer
    const { SimpleFillSymbol } = Zondy.Symbol
    // ES6引入方式
    import {  Feature,Color,Circle,GraphicsLayer,SimpleFillSymbol } from "@mapgis/webclient-common"
    // 创建一个要素
    const feature = new Feature({
      //不填则创建一个随机的guid
      id: '你的id',
      //设置属性
      attributes: {},
      //构建几何
      geometry: new Circle({
        // 中心点
        center: [113, 30],
        // 半径
        radius: 4
      }),
      //设置样式
      symbol: new SimpleFillSymbol({
        //设置颜色
        color: new Color(255, 0, 112, 1)
      })
    })
    // 创建图层
    const graphicsLayer = new GraphicsLayer()
    graphicsLayer.add(feature)
    map.add(graphicsLayer)
    // 删除要素
    graphicsLayer.remove(feature)

#### # removeAll()

删除全部要素

查看源代码 common/document/layer/GraphicsLayer.js, line 610

##### 示例

删除全部要素

    // ES5引入方式
    const { Feature } = Zondy
    const { Circle } = Zondy.Geometry
    const { GraphicsLayer } = Zondy.Layer
    // ES6引入方式
    import {  Feature,Color,Circle,GraphicsLayer } from "@mapgis/webclient-common"
    // 创建一个要素
    const feature1 = new Feature({
      //构建几何
      geometry: new Circle({
        // 中心点
        center: [113, 30],
        // 半径
        radius: 4
      })
    })
    const feature2 = new Feature({
      //构建几何
      geometry: new Circle({
        // 中心点
        center: [123, 33],
        // 半径
        radius: 4
      })
    })
    // 创建图层
    const graphicsLayer = new GraphicsLayer({
      graphics: [feature1, feature2]
    })
    map.add(graphicsLayer)
    // 删除全部要素
    graphicsLayer.removeAll()

#### # removeMany(features)

删除要素组

#### 参数:

名称 | 类型 | 描述
--- | --- | ---
`features` | Array.<Feature> | 要删除的要素数组或集合

查看源代码 common/document/layer/GraphicsLayer.js, line 554

##### 示例

删除要素组

    // ES5引入方式
    const { Feature } = Zondy
    const { Circle } = Zondy.Geometry
    const { GraphicsLayer } = Zondy.Layer
    // ES6引入方式
    import {  Feature,Circle,GraphicsLayer } from "@mapgis/webclient-common"
    // 创建一个要素
    const feature1 = new Feature({
      //构建几何
      geometry: new Circle({
        // 中心点
        center: [113, 30],
        // 半径
        radius: 4
      })
    })
    const feature2 = new Feature({
      //构建几何
      geometry: new Circle({
        // 中心点
        center: [123, 33],
        // 半径
        radius: 4
      })
    })
    // 创建图层
    const graphicsLayer = new GraphicsLayer({
      graphics: [feature1, feature2]
    })
    map.add(graphicsLayer)
    // 一次删除多个要素
    graphicsLayer.removeMany([feature1, feature2])

#### # 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 | 事件接收对象

查看源代码 common/document/layer/GraphicsLayer.js, line 294

##### 示例

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

    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 === 'removeMany'){
          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 | 事件接收对象

查看源代码 common/document/layer/GraphicsLayer.js, line 321

##### 示例

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

    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 === 'removeAll'){
          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 | 事件接收对象

查看源代码 common/document/layer/GraphicsLayer.js, line 267

##### 示例

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

    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 === 'remove'){
          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 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 | 事件接收对象

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);
        }
      }
    });

#### # 添加多个要素事件

添加多个要素事件，请注意该事件是图层更新事件(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/GraphicsLayer.js, line 240

##### 示例

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

    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 === 'addMany'){
          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 | 事件接收对象

查看源代码 common/document/layer/GraphicsLayer.js, line 213

##### 示例

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

    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 === 'add'){
          console.log("添加要素事件:", event);
        }
      }
    });