一种数据渲染方法、装置、电子设备及计算机可读介质制造方法及图纸

本申请公开了数据渲染方法、装置、电子设备及计算机可读介质，涉及智能城市技术领域，该方法包括：接收数据渲染请求，获取对应的矢量瓦片标识和样式标识；根据样式标识，确定矢量瓦片标识对应的矢量瓦片的渲染像素信息；基于渲染像素信息，生成对应像素坐标系的绘图指令；执行绘图指令，以生成对应的栅格瓦片。既保留了矢量瓦片能够动态设置样式的优点，降低用户浏览器端的渲染压力，又实现了栅格地图瓦片数据传输少，数据冗余度低，地图加载迅速，用户浏览效率高。浏览效率高。浏览效率高。

【技术实现步骤摘要】
一种数据渲染方法、装置、电子设备及计算机可读介质


[0001]本申请涉及智能城市
，尤其涉及地理信息
,具体涉及一种数据渲染方法、装置、电子设备及计算机可读介质。

技术介绍

[0002]在互联网上展示的电子地图瓦片主要使用两种方式，一种是传统的栅格瓦片(Raster Tiles)，另外一种是较新的矢量瓦片(Vector Tiles)。通过栅格地图瓦片技术，用户在浏览器浏览地图的时候，无需请求整幅的地图数据，而可以根据浏览区域的地理边界和当前比例尺，获取指定层级，指定行列号范围的地图栅格瓦片。这种地图展示方式简单，便捷，虽然将整幅地图切片为一系列的图片会产生数据冗余，但是很快成为了现代地图在浏览器显示的基础技术。矢量瓦片的瓦片是点线面类型的矢量数据。相对于栅格地图瓦片，矢量地图瓦片具有矢量数据的一切优点，包括无极缩放，压缩率高和包含属性信息等，但是相对比栅格地图瓦片，矢量瓦片不包含地图的视觉信息，数据渲染是发生在用户浏览器端，矢量瓦片在减轻了地图服务器压力的同时，增大了用户端浏览器的渲染压力。
[0003]在实现本申请过程中，本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种数据渲染方法，其特征在于，包括：接收数据渲染请求，获取对应的矢量瓦片标识和样式标识；根据所述样式标识，确定所述矢量瓦片标识对应的矢量瓦片的渲染像素信息；基于所述渲染像素信息，生成对应像素坐标系的绘图指令；执行所述绘图指令，以生成对应的栅格瓦片。2.根据权利要求1所述的方法，其特征在于，所述确定所述矢量瓦片标识对应的矢量瓦片的渲染像素信息，包括：根据所述矢量瓦片标识，获取对应的矢量瓦片内的矢量要素的地理坐标；将所述地理坐标转换为所述样式标识对应的像素坐标；基于所述像素坐标，确定所述矢量瓦片的渲染像素信息。3.根据权利要求2所述的方法，其特征在于，所述确定所述矢量瓦片的渲染像素信息，包括：对所述像素坐标进行化简，得到化简像素坐标；获取所述样式标识对应的像素深度和颜色通道；基于所述化简像素坐标、所述像素深度和所述颜色通道，确定所述矢量瓦片的渲染像素信息。4.根据权利要求1所述的方法，其特征在于，在所述获取对应的矢量瓦片标识和样式标识之前，所述方法还包括：获取待渲染数据，基于四叉树算法对所述待渲染数据进行地图切片，以生成各矢量瓦片。5.根据权利要求4所述的方法，其特征在于，所述生成各矢量瓦片，包括：调用跨平台图形库，以对切片的地图进行矢量绘制，生成各矢量瓦片。6.根据权利要求3所述的方法，其特征在于，所述对所述像素坐标进行化简，得到化简像素坐标，包括：确定所述矢量要素中的首尾矢量要素对应的像素坐标，并将所述首尾矢量要素对应的像素坐标连接，得到一条直线；确定所述矢量要素对应的所有的像素坐标与所述直...

【专利技术属性】
技术研发人员：王顼，
申请(专利权)人：京东城市北京数字科技有限公司，
类型：发明
国别省市：