当前位置: 首页 > 文档资料 > ThingJS 文档中心 >

Class: GeoHeatMapLayerRenderer

优质
小牛编辑
121浏览
2023-12-01

CMAP~ GeoHeatMapLayerRenderer

Feature中GeoHeatMap样式类


new GeoHeatMapLayerRenderer(featureLayer, param)

构造函数

Parameters:
NameTypeDescription
featureLayerCMAP.FeatureLayer

需要渲染的FeatureLayer实例

paramObject

参数列表

Properties
NameTypeDescription
radiusNumber

热力图影响半径 单位像素 默认值5

valueFieldString

生成热力图使用的属性字段 可在featureLayer.dataSource.properties中找到,而且该字段值应该是数值型
如果不设置,所有点的权重值相同,如果设置,点的权重值和featureLayer的数据源中该字段的值成正比

gradientObject

热力图色带 默认值 { 0.25: 'rgb(0,0,255)', 0.55: 'rgb(0,255,0)', 0.85: 'yellow', 1.0: 'rgb(255,0,0)'}

opacityNumber

热力图透明度 如果没有设置最大值和最小值透明度,默认0.6

maxOpacityNumber

热力图最大值对应的透明度

minOpacityNumber

热力图最小值对应的透明度

mosaicBoolean

是否叠加马赛克效果,默认为false

mosaicSizeNumber

单个马赛克尺寸

extentObject

热力图绘制范围 如果传该参数 热力图不会随视角变化而变化 格式为{minX:116.5,minY:38.5,maxX:117.5,maxY:39.5}

Members


<readonly> extent :Object

热力图绘制范围 如果定义了该参数 热力图不会随视角变化而变化 格式为{minX:116.5,minY:38.5,maxX:117.5,maxY:39.5}

Type:
  • Object

gradient :Number

热力图影响半径 单位像素

Type:
  • Number
Example
//色带对象的key为位置 值为对应的颜色值featureLayer.renderer.gradient = { 0: 'rgb(0,0,255)', 0.33: 'rgb(0,255,0)', 0.66: 'yellow', 1.0: 'rgb(255,0,0)'};

maxOpacity :Number

热力图最大值对应的透明度

Type:
  • Number
Example
featureLayer.renderer.maxOpacity = 0.8; //设置热力图最大值对应的透明度为0.8

minOpacity :Number

热力图最小值对应的透明度

Type:
  • Number
Example
featureLayer.renderer.minOpacity = 0.2; //设置热力图最小值对应的透明度为0.2

<readonly> mosaic :Boolean

是否叠加马赛克效果

Type:
  • Boolean

<readonly> mosaicSize :Number

单个马赛克尺寸

Type:
  • Number

<readonly> opacity :Number

热力图透明度

Type:
  • Number

radius :Number

热力图影响半径 单位像素

Type:
  • Number
Example
featureLayer.renderer.radius = 20;//设置热力图影响半径为20像素

valueField :String

热力图权重字段

Type:
  • String
Example
// 假设featureLayer.dataSource为
    // {
    //    "type": "FeatureCollection",
    //    "features": [{
    //       "type": "Feature",
    //       "properties": {
    //         "type": "rain",
    //         "value": 5
    //       },
    //       "geometry": {
    //         "type": "Point",
    //         "coordinates": [-73.99995803833008, 40.71805432623303]
    //       }
    //     }, {
    //       "type": "Feature",
    //       "properties": {
    //         "type": "water",
    //         "value": 7
    //       },
    //       "geometry": {
    //         "type": "Point",
    //         "coordinates": [-73.98167610168457, 40.726087955120704]
    //       }
    //     }]
    // }
   featureLayer.renderer.valueField = 'value';//设置热力图权重字段为value