[發(fā)明專利]一種WEB前端繪制自動(dòng)駕駛監(jiān)控可視化地圖的方法

在審

• 申請(qǐng)?zhí)枺?/td>: 202111136758.4
• 申請(qǐng)日: 2021-09-27
• 公開(kāi)（公告）號(hào): CN113835703A
• 公開(kāi)（公告）日: 2021-12-24
• 發(fā)明（設(shè)計(jì)）人: 鄭建立;張志正;劉鶴云
• 申請(qǐng)（專利權(quán)）人: 北京斯年智駕科技有限公司
• 主分類號(hào): G06F8/38
• 分類號(hào): G06F8/38;G06F16/29;G06F16/957;G06F16/958
• 代理公司: 杭州裕陽(yáng)聯(lián)合專利代理有限公司 33289
• 代理人: 楊琪宇

1.一種WEB前端繪制自動(dòng)駕駛監(jiān)控可視化地圖的方法，其特征在于，包括如下步驟：1-導(dǎo)入地圖底圖JSON數(shù)據(jù)；2-使用three.js參數(shù)初始化地圖；3-通過(guò)html渲染出車道線及各個(gè)區(qū)域；4-瀏覽器渲染出可視化地圖界面。

2.根據(jù)權(quán)利要求1所述的一種WEB前端繪制自動(dòng)駕駛監(jiān)控可視化地圖的方法，其特征在于，所述步驟2和3中包括如下流程：S1-通過(guò)three.js創(chuàng)建渲染器；S2-通過(guò)three.js創(chuàng)建場(chǎng)景，該對(duì)象保存后續(xù)添加的車道線及堆場(chǎng)、岸橋區(qū)、十字路口、陸地、海域等邊界、光源、以及照相機(jī)，等渲染所需；S3-通過(guò)three.js創(chuàng)建相機(jī)；其中，場(chǎng)景與相機(jī)創(chuàng)建之后用于渲染器使用。

3.根據(jù)權(quán)利要求2所述的一種WEB前端繪制自動(dòng)駕駛監(jiān)控可視化地圖的方法，其特征在于，所述S2中創(chuàng)建場(chǎng)景時(shí)進(jìn)行模型創(chuàng)建，導(dǎo)入包括帶有車道線、堆場(chǎng)、岸橋區(qū)、十字路口、陸地、海域的邊界投影坐標(biāo)值，通過(guò)數(shù)據(jù)檢索，判斷不同邊界區(qū)域及車道線進(jìn)行相應(yīng)的計(jì)算得到相應(yīng)的點(diǎn)坐標(biāo)通過(guò)代碼將其點(diǎn)連成線，同時(shí)將不同邊界區(qū)域的點(diǎn)連成面，并將其連成面的區(qū)域，設(shè)置相關(guān)顏色示意，將這些線以及面，添加到場(chǎng)景當(dāng)中的視圖層。

4.根據(jù)權(quán)利要求3所述的一種WEB前端繪制自動(dòng)駕駛監(jiān)控可視化地圖的方法，其特征在于，創(chuàng)建模型時(shí)，通過(guò)平移變換方法translateX()通過(guò)three.js引擎轉(zhuǎn)化為WebGL中CPU頂點(diǎn)著色器的矩陣變換程序，從而實(shí)現(xiàn)平移。

5.根據(jù)權(quán)利要求4所述的一種WEB前端繪制自動(dòng)駕駛監(jiān)控可視化地圖的方法，其特征在于，所述流程S1中創(chuàng)建渲染器時(shí)，設(shè)置抗鋸齒、背景視圖顏色以及寬高比；所述流程S3中使用正投影相機(jī)，并設(shè)置鏡頭中心點(diǎn)為地圖區(qū)域中心點(diǎn)。

6.根據(jù)權(quán)利要求5所述的一種WEB前端繪制自動(dòng)駕駛監(jiān)控可視化地圖的方法，其特征在于，渲染器渲染時(shí)，將添加到場(chǎng)景當(dāng)中的視圖層通過(guò)three.js提供的方法進(jìn)行渲染，并結(jié)合代碼設(shè)置頁(yè)面幀動(dòng)畫(huà)級(jí)別刷新。