用包含LineStrings的矢量源在OpenLayers中创建热图

// 创建矢量源
var vectorSource = new ol.source.Vector();

// 创建矢量图层
var vectorLayer = new ol.layer.Vector({
  source: vectorSource,
});

// 将LineStrings转换为点，并为每个点设置权重值
var points = [];
lineStrings.forEach(function(lineString) {
  var coordinates = lineString.getCoordinates();
  coordinates.forEach(function(coordinate) {
    var pointFeature = new ol.Feature({
      geometry: new ol.geom.Point(coordinate),
      weight: 1, // 设置权重值
    });
    points.push(pointFeature);
  });
});

// 将点要素添加到矢量源
vectorSource.addFeatures(points);

// 创建热图图层
var heatLayer = new ol.layer.Heatmap({
  source: vectorSource,
  blur: 15, // 模糊半径
  radius: 5, // 热图点半径
  weight: 'weight', // 权重字段
});

// 将热图图层添加到地图中
map.addLayer(heatLayer);