#### # new SimpleRenderer(options)

统一专题图渲染样式，支持的图层如下：
`几何图形图层`、`IGS要素图层`、 `geojson图层`、`OGC-WFS图层`

#### 参数

名称 | 类型 | 描述
--- | --- | ---
`options` | Object | 构造参数
`label` | String | 渲染器标签，描述渲染器含义
`description` | String | 渲染器的描述信息
`symbol` | Object | 统一专题图样式，支持的样式如下： `1、点样式` `2、线样式` `3、区样式` 示例如下： [1、单值专题图-点] [2、单值专题图-线] [3、单值专题图-区]

##### 示例

统一专题图-点

    // ES5引入方式
    const { SimpleRenderer } = zondy.renderer
    const { SimpleMarkerSymbol, SimpleLineSymbol } = zondy.symbol
    const { Color } = zondy
    // ES6引入方式
    import { SimpleRenderer, SimpleMarkerSymbol, SimpleLineSymbol, Color } from "@mapgis/webclient-common"
    // 初始化统一专题图样式对象
    const simpleRenderer = new SimpleRenderer({
      // 样式对象，更多样式详见：《SimpleMarkerSymbol》
      symbol: new SimpleMarkerSymbol({
        // 填充颜色
        color: 'rgba(1,1,252,0)',
        // 点半径
        size: 13,
        // 外边线样式
        outline: new SimpleLineSymbol({
          //线颜色
          color: new Color(255, 1, 0, 1),
          //线宽
          width: 1
        })
      })
    });

统一专题图-线

    // ES5引入方式
    const { SimpleRenderer } = zondy.renderer
    const { SimpleLineSymbol } = zondy.symbol
    const { Color } = zondy
    // ES6引入方式
    import { SimpleRenderer, SimpleLineSymbol， Color } from "@mapgis/webclient-common"
    // 初始化统一专题图样式对象
    const simpleRenderer = new SimpleRenderer({
      // 样式对象，更多样式详见：《SimpleLineSymbol》
      symbol: new SimpleLineSymbol({
        //线符号颜色
        color: new Color(255, 1, 0, 11),
        //线宽
        width: 1
      })
    });

统一专题图-区

    // ES5引入方式
    const { SimpleRenderer } = zondy.renderer
    const { SimpleFillSymbol, SimpleLineSymbol } = zondy.symbol
    const { Color } = zondy
    // ES6引入方式
    import { SimpleRenderer, SimpleFillSymbol, SimpleLineSymbol, Color } from "@mapgis/webclient-common"
    // 初始化统一专题图样式对象，更多样式详见：《SimpleFillSymbol》
    const simpleRenderer = new SimpleRenderer({
      // 样式对象，更多样式详见：《SimpleLineSymbol》
      symbol: new SimpleFillSymbol({
        // 填充颜色
        color: 'rgba(1,1,252,0)',
        // 外边线样式
        outline: new SimpleLineSymbol({
          //线颜色
          color: new Color(255, 1, 0, 1),
          //线宽
          width: 1
        })
      })
    });

### 继承关系

- BaseRenderer

### 成员变量

#### 成员变量概述

名称 | 类型 | 描述
--- | --- | ---
`description` | `String` | `渲染器的描述信息`
`id` | `String` | `渲染器id`
`label` | `String` | `渲染器标签，描述渲染器含义`
`symbol` | `Symbol` | `defaultSymbol 统一专题图样式`
`type` | `String` | `type 'simple'，统一专题图`
`visualVariables` | `Array.<VisualVariable>` | `视觉变量`

#### 成员变量详情

类型: String

#### # description

渲染器的描述信息

类型: String

#### # readonly id

渲染器id

Inherited From:
  - BaseRenderer#id

类型: String

#### # label

渲染器标签，描述渲染器含义

类型: Symbol

#### # symbol

defaultSymbol 统一专题图样式

类型: String

#### # type

type 'simple'，统一专题图

Overrides:
  - BaseRenderer#type

类型: Array.<VisualVariable>

#### # visualVariables

视觉变量

### 方法

#### 方法概述

名称 | 返回值类型 | 描述
--- | --- | ---
`fromJSON` | `SimpleRenderer` | `通过json构造SimpleRenderer对象`
`clone` | `SimpleRenderer` | `克隆renderer对象`
`fromJSON` | `` | `将JSON格式的渲染规则转换为JS对象`
`toJSON` | `Object` | `导出为json对象`

#### 方法详情

#### # static fromJSON(json)

通过json构造SimpleRenderer对象

#### 参数

名称 | 类型 | 描述
--- | --- | ---
`json` | Object |

返回值

新创建的SimpleRenderer对象

类型: SimpleRenderer

##### 示例

通过json创造SimpleRenderer对象

    let simpleRenderer = SimpleRenderer.fromJSON({
       // 初始化参数
    })

#### # clone()

克隆renderer对象

Overrides:
  - BaseRenderer#clone

返回值

克隆后的renderer对象

类型: SimpleRenderer

#### # fromJSON(json)

将JSON格式的渲染规则转换为JS对象

#### 参数

名称 | 类型 | 描述
--- | --- | ---
`json` | Object | 渲染规则的实例化JSON

Inherited From:
  - BaseRenderer#fromJSON

#### # toJSON()

导出为json对象

Overrides:
  - BaseRenderer#toJSON

返回值

json对象

类型: Object