使用openlayer绘制

好的，以下是使用 OpenLayers 绘制热力图的代码示例：

// 创建地图容器
const map = new ol.Map({
  target: 'map-container',
  layers: [
    new ol.layer.Tile({
      source: new ol.source.OSM()
    })
  ],
  view: new ol.View({
    center: ol.proj.fromLonLat([116.3, 39.9]),
    zoom: 12
  })
});

// 热力图样式配置
const gradient = ['#00f', '#0ff', '#0f0', '#ff0', '#f00'];
const radius = 20;
const blur = 15;
const shadow = 250;
const opacity = 0.8;

// 创建热力图层
const heatmapLayer = new ol.layer.Heatmap({
  source: new ol.source.Vector({
    features: (new ol.format.GeoJSON()).readFeatures(heatmapGeojson, {featureProjection: 'EPSG:3857'})
  }),
  blur: blur,
  radius: radius,
  gradient: gradient,
  shadow: shadow,
  opacity: opacity
});

// 添加热力图层到地图
map.addLayer(heatmapLayer);

这段代码将会在一个 id 为 `map-container` 的元素上创建一个地图。然后，使用 `ol.layer.Heatmap` 创建热力图层，并将其添加到地图上。在创建热力图层时，使用之前生成的 GeoJSON 数据作为热力图的源数据，并根据需要配置热力图的样式。最后，将热力图层添加到地图上即可。