ClusterRenderer

类名 ClusterRenderer

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