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

摘要

本发明公布了一种基于HTML5 Canvas的GIS栅格数据渲染方法，本方法采用HTML5 Canvas的像素操作接口，在浏览器中对GIS栅格数据进行渲染，可以有效解决不同比例尺下栅格数据像素边缘模糊的问题，能够辅助专业人员在实际业务中对数据进行精确的可视化、分析。并且能够在不依赖服务端渲染的情况下，进行前端自定义符号化渲染，可以在前端程序中实现山体阴影、分级渲染等高级符号化渲染效果。

主权项

1.一种基于HTML5 Canvas的GIS栅格数据渲染方法，其特征在于，本方法采用HTML5 Canvas的像素操作接口，在浏览器中对GIS栅格数据进行渲染，包括以下步骤:S1:判断栅格数据空间参考与地图当前空间参考相同或者是否可以互相转换，若能，则进入S2，如不能则结束；S2:进行空间过滤，即对地图当前坐标范围和栅格数据坐标范围求交，若相交，则读取相交部分栅格数据记为栅格数据TypedArray数组，若不相交，则结束；S3:读取栅格数据值与颜色映射表；S4:初始化颜色TypedArray数组，数组中的维数与步骤S2中所得的栅格数据TypedArray数组维数相等；S5:对步骤S2中读取的栅格数据TypedArray数组进行遍历，若像素值为无效值，则映射为指定无效颜色并写入颜色TypedArray数组，否则根据步骤S3中颜色映射表获取颜色并写入颜色TypedArray数组；S6:根据所述步骤S2中所得地图坐标范围与栅格数据坐标范围相交结果，计算颜色TypedArray数组在地图像素坐标系下的匹配坐标，并将颜色TypedArray数组传输到HTML5 Canvas上下文，调用批量像素绘制图形API进行绘制；S7:遍历地图所有图层，根据图层顺序对每个图层的渲染结果进行融合；S8:刷新地图。