Class: HeatmapRenderer

HeatmapRenderer

new HeatmapRenderer(options)

document/renderer/HeatmapRenderer.js, line 5

热力图渲染器

Name Type Default Description
options Object {} 可选

构造参数

Name Type Description
type String 可选
colorStops Array.<HeatmapColorStop> 可选

描述渲染器色带的对象数组。像素的密度值与渲染器的 maxDensity 的比率映射到相应的颜色。例如 { color: [133, 193, 200, 0], ratio: 0 }
radius Number 可选

热力图数据点半径，单位像素。
field String 可选

要素字段名称，用于指定数据的热力值，优先级高于valueExpression.
valueExpression String 可选

字段表达式，用于指定数据的热力值，会覆盖field
valueExpressionTitle String 可选

字段表达式标题
maxDataValue Number 可选

热力图最大数据范围，热力图内点的权重值大于此数，不进行渲染。
minDataValue Number 可选

热力图最小数据范围，热力图内点的权重值小于此数，不进行渲染。
Example

创建热力图渲染器

// ES5引入方式
const { HeatmapRenderer } = zondy.renderer

// ES6引入方式
import { HeatmapRenderer } from '@mapgis/webclient-common'
const renderer = new HeatmapRenderer({
  field: 'POP',
  radius: 18
})

Extends

Members

colorStopsArray.<HeatmapColorStop>

描述渲染器色带的对象数组。像素的密度值与渲染器的 maxDensity 的比率映射到相应的颜色。例如 { color: [133, 193, 200, 0], ratio: 0 }

fieldString

要素字段名称，用于指定数据的热力值，优先级高于valueExpression.

idString

渲染器id

maxDataValueNumber

热力图最大数据范围，热力图内点的权重值大于此数，不进行渲染。

minDataValueNumber

热力图最小数据范围，热力图内点的权重值小于此数，不进行渲染。

radiusNumber

热力图数据点半径，单位像素。

typeString

渲染器类型，默认为'heatmap'

valueExpressionString

字段表达式，用于指定数据的热力值。

valueExpressionTitleString

字段表达式标题

Methods

clone(){HeatmapRenderer}

document/renderer/HeatmapRenderer.js, line 110

克隆HeatmapRenderer对象

Returns:
Type Description
HeatmapRenderer 克隆后的HeatmapRenderer实例

toJSON(){Object}

document/renderer/HeatmapRenderer.js, line 90

导出 JSON 对象

Returns:
Type Description
Object JSON 对象

HeatmapRenderer.fromJSON(json){HeatmapRenderer}

document/renderer/HeatmapRenderer.js, line 81

通过 JSON 对象构造 HeatmapRenderer 对象

Name Type Description
json Object

JSON 对象
Returns:
Type Description
HeatmapRenderer HeatmapRenderer实例