[發明專利]基于wasm的地圖矢量渲染方法和裝置

有效

• 申請號: 201910316424.1
• 申請日: 2019-04-18
• 公開（公告）號: CN110032614B
• 公開（公告）日: 2020-02-07
• 發明（設計）人: 徐祥;黃永;吳星國;王國玉
• 申請（專利權）人: 成都四方偉業軟件股份有限公司
• 主分類號: G06F16/29
• 分類號: G06F16/29
• 代理公司: 11463 北京超凡宏宇專利代理事務所(特殊普通合伙)
• 代理人: 徐彥圣

本發明提供了基于wasm的地圖矢量渲染方法和裝置，包括：創建地圖圖像圖層，該地圖圖像圖層為利用canvas技術創建的；基于wasm渲染方法對地圖圖像圖層進行渲染，得到渲染后的像素數據；將渲染后的像素數據復制到canvas對應的指定存儲區；在指定存儲區內加載地圖圖像圖層，得到渲染的地圖矢量數據，提高了客戶端大數據渲染速度和圖像加載速度。

技術領域

本發明涉及計算機技術領域，尤其是涉及基于wasm的地圖矢量渲染方法和裝置。

背景技術

由于web(World Wide Web，全球廣域網)應用的跨平臺和免安裝等優點，地圖應用在web端的發展越來越成熟，各種框架層出不窮，各有各的特點，特效和功能都非常豐富，很多新技術也受到了程序員的歡迎，比如webgl(Web Graphics Library，web圖形庫)、webworker、webassembly(wasm)等，這些技術拓寬了web應用的道路，衍生出了許多大數據矢量渲染的優化方案。

由于目前地圖的渲染基本上依賴于javascript的處理能力，javascript語言性能低效，大數據量的渲染效率依然是個比較大的問題，很多功能不得不弱化，在計算一些數據量比較大的場景下并不理想，受限于瀏覽器的處理能力，需要服務器端渲染切片，再通過http(Hyper Text Transfer Protocol，超文本傳輸協議)請求獲取圖像數據并渲染，但這種方式導致整個應用非常臃腫，需要開發和部署獨立的切片服務等，考慮到網絡帶寬和服務器負載等原因，可能渲染效率不是很高。

發明內容

有鑒于此，本發明的目的在于提供基于wasm的地圖矢量渲染方法和裝置，提高了客戶端大數據渲染速度和圖像加載速度。

第一方面，本發明實施例提供了一種基于wasm的地圖矢量渲染方法，所述方法包括：

創建地圖圖像圖層，所述地圖圖像圖層為利用canvas技術創建的；

基于wasm渲染方法對所述地圖圖像圖層進行渲染，得到渲染后的像素數據；

將所述渲染后的像素數據復制到canvas對應的指定存儲區；

在所述指定存儲區內加載所述地圖圖像圖層，得到渲染的地圖矢量數據。

結合第一方面，本發明實施例提供了第一方面的第一種可能的實施方式，其中，所述方法還包括：

對創建的所述地圖圖像圖層進行初始化，并將初始化的所述地圖圖像圖層傳入數據服務地址，以便于對所述地圖圖像圖層進行渲染。

結合第一方面，本發明實施例提供了第一方面的第二種可能的實施方式，其中，所述基于wasm渲染方法對所述地圖圖像圖層進行渲染，得到渲染后的像素數據包括：

獲取所述地圖圖像圖層包括的地圖矢量數據；

將所述地圖矢量數據的經緯度轉換為像素坐標；

按照所述地圖矢量數據的類型進行渲染處理，得到所述渲染后的像素數據；

其中，所述地圖矢量數據的類型包括點、線和面三種類型。

結合第一方面的第二種可能的實施方式，本發明實施例提供了第一方面的第三種可能的實施方式，其中，如果所述地圖矢量數據的類型為點類型時，所述按照所述地圖矢量數據的類型進行渲染處理的步驟包括：

獲取所述點的像素坐標；

根據所述點的像素坐標，查找所述點在所述canvas對應的指定存儲區中的位置；

以所述位置為中心，將指定半徑范圍內的像素點設置為預設顏色。