#### # new ClusterRenderer(options)

聚类渲染器，多个点聚集在一起，会形成一个点符号

#### 参数:

名称 | 类型 | 默认值 | 描述
--- | --- | --- | ---
`options` | Object |  | 构造参数
`radius` | Number | 80 | 聚合半径，单位像素
`clusterBoundSymbol` | SimpleFillSymbol |  | 聚合边界，显示聚合区域的范围，仅支持部分样式
`clusterInfos` | Array.<ClusterInfo> |  | 聚合信息，描述聚合点数量区间内显示的符号信息。
`defaultSymbol` | Symbol |  | 默认的聚合点符号，目前仅支持SimpleMarkerSymbol|PcitureMarkerSymbol部分样式,不支持线图层
`maxScale` | Number | 20 | 最大聚类比例尺，单位为m，超过这个比例尺范围不进行聚类
`isExpandOnClick` | Boolean | true | 点击聚类点是否展开
`isHoverShowBound` | Boolean | false | 鼠标悬停显示聚类边界

查看源代码 common/document/renderer/ClusterRenderer.js, line 7

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

[1、通过json构造ClusterRenderer对象]
[2、导出json对象]
[3、克隆ClusterRenderer对象]

##### 示例

创建随机渲染器对象

    // ES5引入方式
    const { ClusterRenderer } = Zondy.Renderer
    const { TextSymbol, SimpleMarkerSymbol } = Zondy.Symbol
    // ES6引入方式
    import { ClusterRenderer, TextSymbol, SimpleMarkerSymbol } from "@mapgis/webclient-common"
    // 初始化聚类渲染器对象
    const clusterRenderer = new ClusterRenderer({
      // 聚类参数
      clusterInfos:[
        // 聚类分段1
        {
          // 最小聚类数量
          minValue: 0,
          // 最大聚类数量
          maxValue: 2,
          // 聚类文字样式
          labelSymbol: new TextSymbol({
            // 文字颜色
            color:'#ffffff',
            // 文字大小
            font:{
              size:20
            },
          }),
          // 聚类符号样式
          symbol: new SimpleMarkerSymbol({
            // 符号颜色
            color: 'rgba(112, 0, 255, 0.6)',
            // 符号大小
            size: 20,
            // 符号外边线样式
            outline: {
              // 外边线颜色
              color: 'rgba(122, 211, 22, 0.6)',
              // 外边线宽度
              width: 4
            }
          })
        },
        // 聚类分段2
        {
          // 最小聚类数量
          minValue: 2,
          // 最大聚类数量
          maxValue: 6,
          // 聚类文字样式
          labelSymbol:new TextSymbol({
            // 文字颜色
            color: '#000000',
            // 文字大小
            font: {
              size: 12
            },
          }),
          // 聚类符号样式
          symbol: new SimpleMarkerSymbol({
            // 符号颜色
            color: 'rgba(240, 194, 12, 0.6)',
            // 符号大小
            size: 30,
            // 符号外边线样式
            outline: {
              // 外边线颜色
              color: 'rgba(241, 211, 87, 0.6)',
              // 外边线宽度
              width: 5
            }
          })
        },
        // 聚类分段3
        {
          // 最小聚类数量
          minValue: 6,
          // 最大聚类数量
          maxValue: 10,
          // 聚类文字样式
          labelSymbol: new TextSymbol({
            // 文字颜色
            color: '#000000',
            // 文字大小
            font: {
              size: 12
            },
          }),
          // 聚类符号样式
          symbol: new SimpleMarkerSymbol({
            // 符号颜色
            color: 'rgba(255, 0, 0, 0.6)',
            // 符号大小
            size: 30,
            // 符号外边线样式
            outline: {
              // 外边线颜色
              color: 'rgba(111, 111, 111, 0.6)',
              // 外边线宽度
              width: 5
            }
          })
        }
      ]
    })

### 继承关系

- BaseRenderer

### 成员变量

类型: SimpleFillSymbol

#### # clusterBoundSymbol

聚合边界，显示聚合区域的范围

查看源代码 common/document/renderer/ClusterRenderer.js, line 144

类型: Array.<ClusterInfo>

#### # clusterInfos

聚合信息，描述聚合点数量区间内显示的符号信息。

查看源代码 common/document/renderer/ClusterRenderer.js, line 154

类型: Symbol

#### # defaultSymbol

默认的聚合点符号，目前仅支持SimpleMarkerSymbol|PcitureMarkerSymbol部分样式

查看源代码 common/document/renderer/ClusterRenderer.js, line 168

类型: Boolean

#### # isExpandOnClick

点击聚类点是否展开

查看源代码 common/document/renderer/ClusterRenderer.js, line 193

类型: Boolean

#### # isHoverShowBound

鼠标悬停显示聚类边界

查看源代码 common/document/renderer/ClusterRenderer.js, line 198

类型: Number

#### # maxScale

最大聚类比例尺，单位为m，超过这个比例尺范围不进行聚类

查看源代码 common/document/renderer/ClusterRenderer.js, line 188

类型: Number

#### # radius

聚合半径，目前仅支持像素。

查看源代码 common/document/renderer/ClusterRenderer.js, line 139

类型: String

#### # readonly type

类型，默认为'cluster'

查看源代码 common/document/renderer/ClusterRenderer.js, line 133

### 方法

#### # static fromJSON(json)

通过json构造ClusterRenderer对象

#### 参数:

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

查看源代码 common/document/renderer/ClusterRenderer.js, line 211

返回值:

ClusterRenderer实例

类型: ClusterRenderer

#### # clone()

克隆ClusterRenderer对象

Overrides:
  - BaseRenderer#clone

查看源代码 common/document/renderer/ClusterRenderer.js, line 239

返回值:

克隆后的ClusterRenderer实例

类型: ClusterRenderer

#### # 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/ClusterRenderer.js, line 221

返回值:

json对象

类型: Object