Class: HeatmapLayer

HeatmapLayer

热点图图层,承载热点图的渲染。

const dataArr = [
  {
    position: [122.144666, 29.95417],
    weight: 0.4
  },
  {
    position: [122.14179, 29.953591],
    weight: 0.6
  },
  {
    position: [122.14169383049013, 29.951788187026978],
    weight: 0.9
  },
  {
    position: [122.141925, 29.953757],
    weight: 0.7
  }
];
const feaArr = [];
dataArr.forEach(item => {
  feaArr.push(new Marker(item));
});
new HeatmapLayer({
    name: "热力图测试",
    zIndex: 2
  }).addFeatures(feaArr).addToMap(this.$map);

new HeatmapLayer(options)

layer/HeatmapLayer.js, line 43

构造一个热点图图层对象

Name Type Description
options LayerOptions

热点图图层可选属性

Name Type Default Description
radius Number 8 optional

以像素为单位的半径大小。

blur Number 15 optional

模糊像素大小。

gradient Array.<string> ['#00f', '#0ff', '#0f0', '#ff0', '#f00'] optional

热力图的颜色渐变,指定为CSS颜色字符串数组。

备注

更多属性方法,请点击链接查看: https://openlayers.org/en/latest/apidoc/module-ol_layer_Heatmap-Heatmap.html

className string 'ol-layer' optional

设置layer元素的CSS类名称。

opacity number 1 optional

不透明度(0,1)。

visible boolean true optional

图层是否可见。

extent Array optional

图层渲染的边界范围。该图层不会在此范围之外渲染。

zIndex number optional

图层渲染的Z索引。在渲染时,将首先按Z索引然后按位置对图层进行排序。 当zIndexundefined时,zIndex将被设置为0加入到图层集合中; 而在使用图层的setMap()方法时,zIndexInfinity

minZoom number optional

最小视图缩放级别(不包括),在该级别之上,该层将可见。

maxZoom number optional

该图层可见的最大视图缩放级别(包括该级别)。

map Map optional

将图层设置为地图上的叠加层。地图将不会在其图层集合中管理此图层, 也就是当调用Map#getLayers()方法时,图层集合里不会出现该图层。并且该图层将呈现在顶部。 这对于临时层很有用。在地图上添加图层并由地图管理图层的标准方法是使用Map#addLayer()方法。

Extends

  • ol/layer/Heatmap

Classes

HeatmapLayer

Methods

addFeature(feature)

layer/HeatmapLayer.js, line 80

给图层上添加要素

Name Type Description
feature Feature

单个要素

addFeatures(featureArr)

layer/HeatmapLayer.js, line 99

给图层上添加多个要素

Name Type Description
featureArr Array

要素数组

addToMap(map){layer}

layer/HeatmapLayer.js, line 70

将图层添加到指定的map上

Name Type Description
map Map

指定的map对象。

Returns:
Type Description
layer 当前的图层对象

clear()

layer/HeatmapLayer.js, line 121

清除图层上的要素

removeFeature(feature)

layer/HeatmapLayer.js, line 90

从图层上移出要素

Name Type Description
feature Feature

单个要素

removeFeatures(featureArr)

layer/HeatmapLayer.js, line 111

从图层上移出多个要素

Name Type Description
featureArr Array

要素数组