[发明专利]一种基于HTML5 Canvas的GIS栅格数据渲染方法

权利要求书

1.一种基于HTML5Canvas的GIS栅格数据渲染方法，其特征在于，本方法采用HTML5Canvas的像素操作接口，在浏览器中对GIS栅格数据进行渲染，包括以下步骤:

S1:判断栅格数据空间参考与地图当前空间参考相同或者是否可以互相转换，若能，则进入S2，如不能则结束；步骤S1中的空间参考包括WGS84地理坐标系与Web墨卡托投影坐标系，其转换公式为：

由WGS 84坐标系转为Web墨卡托坐标系公式为：

x＝r×lon，

由Web墨卡托坐标系转为WGS 84坐标系的公式为：

其中x、y为Web墨卡托坐标，r为地球半径，lon为经度，lat为纬度；

S2:进行空间过滤，即对地图当前坐标范围和栅格数据坐标范围求交，若相交，则读取相交部分栅格数据记为栅格数据TypedArray数组，若不相交，则结束；步骤S2中地图当前坐标范围和栅格数据坐标范围的求交公式为：

F_left＝max(M_left，R_left)；

F_right＝min(M_right，R_right)；

F_bottom＝max(M_bottom，R_bottom)；

F_top＝min(M_top，R_top)；

其中M为地图坐标，R为栅格坐标，F为相交部分坐标；

S3:读取栅格数据值与颜色映射表；

S4:初始化颜色TypedArray数组，数组中的维数与步骤S2中所得的栅格数据TypedArray数组维数相等；

S5:对步骤S2中读取的栅格数据TypedArray数组进行遍历，若像素值为无效值，则映射为指定无效颜色并写入颜色TypedArray数组，否则根据步骤S3中颜色映射表获取颜色并写入颜色TypedArray数组；

S6:根据所述步骤S2中所得地图坐标范围与栅格数据坐标范围相交结果，计算颜色TypedArray数组在地图像素坐标系下的匹配坐标，并将颜色TypedArray数组传输到HTML5Canvas上下文，调用批量像素绘制图形API进行绘制；

S7:遍历地图所有图层，根据图层顺序对每个图层的渲染结果进行融合；步骤S7中所采用的融合方式为Alpha混合方式，Alpha混合的公式为：

其中，C12为混合的颜色值，C1、C2为颜色值，a1、a2为颜色对应的透明度；

S8:刷新地图；

方法还包括读取用于栅格渲染的栅格数据步骤；

颜色TypedArray数组是新开辟的一块存储空间，用于存储计算所得颜色的颜色值，维数大小与栅格数据TypedArray数组维数相等，栅格数据TypedArray数组中的元素与颜色TypedArray数组中的元素一一对应，在步骤S5中逐一对颜色TypedArray数组中的元素进行赋值。