Openlayers JSON、KML数据格式的热力图显示

最新推荐文章于 2024-08-16 08:37:42 发布

都是风景幸会

最新推荐文章于 2024-08-16 08:37:42 发布

阅读量1.5k

点赞数

分类专栏： openlayers 前端文章标签： javascript 可视化数据可视化

本文链接：https://blog.csdn.net/qq_17365131/article/details/114981499

版权

本文介绍了如何在Openlayers中利用JSON和KML数据格式创建热力图。首先，展示了JSON数据作为热力图矢量数据源的格式，接着解释了KML数据用于热力图的方法。

摘要由CSDN通过智能技术生成

Openlayers中加载热力图

1、JSON数据作为热力图的矢量数据源：

var heatmapSource = new ol.source.Vector({
   
    url:'data/heatMap.json',
    format: new ol.format.GeoJSON()
});
//创建一个热力图类，为其加载数据源，设置热点半径和模糊尺寸
var heatmap = new ol.layer.Heatmap({
   
    name:'热力图',
    source: heatmapSource,	//必填项，为图层设置来源、服务地址
    gradient:['#00f','#0ff','#0f0','#ff0','#f00']