Cesium 热力棱柱分布图

Darren~52HZ

已于 2022-04-01 17:22:06 修改

阅读量1.1k

点赞数

分类专栏： Cesium 文章标签： canvas js html

于 2022-03-31 19:09:13 首次发布

本文链接：https://blog.csdn.net/qq_35984445/article/details/123880118

版权

Cesium 专栏收录该内容

15 篇文章 14 订阅

订阅专栏

该博客介绍了一种通过获取点数据的最大最小经纬度来构建热力分布范围的方法，利用正棱柱的边长将范围划分为小正方形，并通过turf库进行点与面的空间分析。然后根据每个正方形内点的数量调整柱状图的高度和颜色，实现颜色渐变效果。此外，指出了前端进行大量空间分析的不足，建议后台处理或数据库空间分析。提供的脚本代码展示了如何调用相关功能。

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

效果图

在这里插入图片描述

功能思路

1、从所有的点数据中获取到最大最小经纬度，构成热力的分布范围。
2、通过columnSide（正棱柱的边长）将分布范围分为一个个小正方形面（参考turf.squareGrid方法）
3、再分析点是否在小正方形中–判断面是否包含点，处理每个正方形的点数集（参考 turf.booleanPointInPolygon方法）。
4、根据每个正方形的点数量，判断点数量在colorindex（颜色渐变范围数组）控制棱柱的高度和棱柱颜色color（渐变颜色数组）
5、最后通过处理好的集合生成一个个柱型即可

不足之处

1、点数据过多不要在前端进行分析点–面包含的空间分析，消耗巨大；可以在后台进行分析，或使用数据库进行空间分析。

SELECT st_within(point(102.371,35.0040),ST_GeomFromText('POLYGON((
119.355814 26.058266,
119.355832 26.055913,
119.360018 26.055848,
119.360862 26.059191,
119.355814 26.058266))'));

#点在范围内返回1，不在的时候0

脚本代码调用

var heatcolum = new HeatColumn({viewer:viewer});
		//添加柱型 
		function addColumn(){
			var obj ={
				id:"heatcolumn001",
				pointdata:Columndata,
				columnSide:10,//10米
				columnfillList:{
					//color:["#DEF6FF","#BFD9FF","#82B5FF","#4591FF","#0068FF"],
					color:["#60F3AB","#00CCBC","#009AC0","#006FAF","#014289"],
					colorindex:[5,10,15,20,25],
				}
			}
			var outerrectangleobj = heatcolum.createsquareGrid(obj);			
		}