#### # new SimpleRenderer(options)

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

#### 参数:

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

查看源代码 common/document/renderer/SimpleRenderer.js, line 8

##### 示例

统一专题图-点

    // 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

### 成员变量

类型: String

#### # description

渲染器的描述信息

查看源代码 common/document/renderer/SimpleRenderer.js, line 116

类型: String

#### # label

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

查看源代码 common/document/renderer/SimpleRenderer.js, line 111

类型: Symbol

#### # symbol

defaultSymbol 统一专题图样式

查看源代码 common/document/renderer/SimpleRenderer.js, line 101

类型: String

#### # type

type 'simple'，统一专题图

查看源代码 common/document/renderer/SimpleRenderer.js, line 96

类型: Array.<VisualVariable>

#### # visualVariables

视觉变量(暂不支持)

查看源代码 common/document/renderer/SimpleRenderer.js, line 121

### 方法

#### # static fromJSON(json)

通过json构造SimpleRenderer对象

#### 参数:

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

查看源代码 common/document/renderer/SimpleRenderer.js, line 162

返回值:

新创建的SimpleRenderer对象

类型: SimpleRenderer

##### 示例

<h7>通过json创造SimpleRenderer对象

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

#### # clone()

克隆renderer对象

Overrides:
  - BaseRenderer#clone

查看源代码 common/document/renderer/SimpleRenderer.js, line 148

返回值:

克隆后的renderer对象

类型: SimpleRenderer

#### # fromJSON(json)

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

#### 参数:

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

Inherited From:
  - BaseRenderer#fromJSON

查看源代码 common/document/renderer/BaseRenderer.js, line 40

#### # toJSON()

导出为json对象

Overrides:
  - BaseRenderer#toJSON

查看源代码 common/document/renderer/SimpleRenderer.js, line 135

返回值:

json对象

类型: Object