基于wasm的地图矢量渲染方法和装置.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN110032614A(43)申请公布日2019.07.19(21)申请号201910316424.1(22)申请日2019.04.18(71)申请人成都四方伟业软件股份有限公司地址610000四川省成都市高新区科园三路4号1栋2层(72)发明人徐祥黄永吴星国王国玉(74)专利代理机构北京超凡宏宇专利代理事务所(特殊普通合伙)11463代理人徐彦圣(51)Int.Cl.G06F16/29(2019.01)权利要求书2页说明书6页附图2页(54)发明名称基于wasm的地图矢量渲染方法和装置(57)摘要本发明提供了基于wasm的地图矢量渲染方法和装置，包括：创建地图图像图层，该地图图像图层为利用canvas技术创建的；基于wasm渲染方法对地图图像图层进行渲染，得到渲染后的像素数据；将渲染后的像素数据复制到canvas对应的指定存储区；在指定存储区内加载地图图像图层，得到渲染的地图矢量数据，提高了客户端大数据渲染速度和图像加载速度。CN110032614ACN110032614A权利要求书1/2页1.一种基于wasm的地图矢量渲染方法，其特征在于，所述方法包括：创建地图图像图层，所述地图图像图层为利用canvas技术创建的；基于wasm渲染方法对所述地图图像图层进行渲染，得到渲染后的像素数据；将所述渲染后的像素数据复制到canvas对应的指定存储区；在所述指定存储区内加载所述地图图像图层，得到渲染的地图矢量数据。2.根据权利要求1所述的方法，其特征在于，所述方法还包括：对创建的所述地图图像图层进行初始化，并将初始化的所述地图图像图层传入数据服务地址，以便于对所述地图图像图层进行渲染。3.根据权利要求1所述的方法，其特征在于，所述基于wasm渲染方法对所述地图图像图层进行渲染，得到渲染后的像素数据包括：获取所述地图图像图层包括的地图矢量数据；将所述地图矢量数据的经纬度转换为像素坐标；按照所述地图矢量数据的类型进行渲染处理，得到所述渲染后的像素数据；其中，所述地图矢量数据的类型包括点、线和面三种类型。4.根据权利要求3所述的方法，其特征在于，如果所述地图矢量数据的类型为点类型时，所述按照所述地图矢量数据的类型进行渲染处理的步骤包括：获取所述点的像素坐标；根据所述点的像素坐标，查找所述点在所述canvas对应的指定存储区中的位置；以所述位置为中心，将指定半径范围内的像素点设置为预设颜色。5.根据权利要求3所述的方法，其特征在于，如果所述地图矢量数据的类型为线类型时，所述按照所述地图矢量数据的类型进行渲染处理的步骤包括：获取所述线的像素坐标；根据所述线的像素坐标，查找所述线在所述canvas对应的指定存储区中的位置；将所述位置的指定线宽范围内的像素点设置为预设颜色。6.根据权利要求3所述的方法，其特征在于，如果所述地图矢量数据的类型为面类型时，所述按照所述地图矢量数据的类型进行渲染处理的步骤包括：获取所述面的边线的像素坐标；根据所述边线的像素坐标，查找所述边线在所述canvas对应的指定存储区中的位置；以所述位置为中心，将所述边线包围内的像素点设置为预设颜色。7.一种基于wasm的地图矢量渲染装置，其特征在于，所述装置包括：创建模块，用于创建地图图像图层，所述地图图像图层为利用canvas技术创建的；渲染模块，用于基于wasm渲染方法对所述地图图像图层进行渲染，得到渲染后的像素数据；复制模块，用于将所述渲染后的像素数据复制到canvas对应的指定存储区；加载模块，用于在所述指定存储区内加载所述地图图像图层，得到渲染的地图矢量数据。8.根据权利要求7所述的装置，其特征在于，所述装置还包括：初始化模块，用于对创建的所述地图图像图层进行初始化，并将初始化的所述地图图像图层传入数据服务地址，以便于对所述地图图像图层进行渲染。2CN110032614A权利要求书2/2页9.一种电子设备，包括存储器、处理器及存储在所述存储器上并可在所述处理器上运行的计算机程序，其特征在于，所述处理器执行所述计算机程序时实现上述权利要求1-6任一项所述的方法的步骤。10.一种具有处理器可执行的非易失的程序代码的计算机可读介质，其特征在于，所述程序代码使所述处理器执行上述权利要求1-6任一项所述的方法的步骤。3CN110032614A说明书1/6页基于wasm的地图矢量渲染方法和装置技术领域[0001]本发明涉及计算机技术领域，尤其是涉及基于wasm的地图矢量渲染方法和装置。背景技术[0002]由于web(WorldWideWeb，全球广域网)应用的跨平台和免安装等优点，地图应用在web端的发展越来越成熟，各种框架层出不穷，各有各的特点，特效和功能都非常丰富，很多新技术也受到了程序员的欢迎，比如