[發(fā)明專利]一種Web地圖打印預(yù)覽方法及裝置

有效

• 申請?zhí)枺?/td>: 201910261047.6
• 申請日: 2019-04-02
• 公開（公告）號: CN109960478B
• 公開（公告）日: 2022-03-08
• 發(fā)明（設(shè)計）人: 席勝;凌海鋒;王國峰;黃宇;黃萬磊;徐敬根;戴力
• 申請（專利權(quán)）人: 武大吉奧信息技術(shù)有限公司
• 主分類號: G06F3/12
• 分類號: G06F3/12
• 代理公司: 武漢知產(chǎn)時代知識產(chǎn)權(quán)代理有限公司 42238
• 代理人: 王佩

1.一種Web地圖打印預(yù)覽方法，其特征在于，包括以下步驟：

坐標(biāo)獲取步驟，獲取待打印地圖范圍所對應(yīng)的空間坐標(biāo)點數(shù)組，并將所述空間坐標(biāo)點數(shù)組轉(zhuǎn)換為屏幕坐標(biāo)點數(shù)組；

圖層獲取步驟，獲取當(dāng)前地圖容器內(nèi)所有服務(wù)圖層的DOM父節(jié)點下的圖像標(biāo)簽并構(gòu)建圖像標(biāo)簽數(shù)組，將所述圖像標(biāo)簽數(shù)組轉(zhuǎn)換為圖片數(shù)據(jù)地址；

圖片分割步驟，根據(jù)所述屏幕坐標(biāo)點數(shù)組范圍從所述圖片數(shù)據(jù)地址對應(yīng)的圖片中截取為符合所述屏幕坐標(biāo)點數(shù)組范圍的待打印圖片；

其中，所述圖層獲取步驟中，具體包括：

通過HTML的DOM查找節(jié)點方法，獲取到當(dāng)前地圖容器包含所有服務(wù)圖層的DOM父節(jié)點；

查找所述DOM父節(jié)點下所有用來顯示地圖服務(wù)圖層的圖片節(jié)點的img標(biāo)簽，得到img標(biāo)簽數(shù)組；

遍歷所述img標(biāo)簽數(shù)組，判斷所述img標(biāo)簽的圖片地址是否跟當(dāng)前系統(tǒng)地址在一個域，若不在一個域，就將該img標(biāo)簽的地址前加上代理地址；基于HTML5的開源插件將HTML節(jié)點轉(zhuǎn)換為canvas元素；

調(diào)用canvas的toDataURL方法，將canvas元素轉(zhuǎn)換為64位圖片數(shù)據(jù)地址。

2.根據(jù)權(quán)利要求1所述的一種Web地圖打印預(yù)覽方法，其特征在于，所述坐標(biāo)獲取步驟中，待打印地圖范圍的獲取為：

由用戶根據(jù)地圖繪制工具繪制待打印地圖范圍，當(dāng)用戶未做選擇時，則將當(dāng)前屏幕顯示的地圖范圍作為待打印地圖范圍；

根據(jù)待打印地圖范圍的面要素得到所有空間坐標(biāo)點數(shù)組。

3.根據(jù)權(quán)利要求1所述的一種Web地圖打印預(yù)覽方法，其特征在于，所述圖片分割步驟具體包括：

將所述屏幕坐標(biāo)點數(shù)組與所述圖片數(shù)據(jù)地址傳給服務(wù)端進(jìn)行圖片截取處理；

在服務(wù)端根據(jù)所述屏幕坐標(biāo)點數(shù)組范圍將所述圖片數(shù)據(jù)地址對應(yīng)的圖片截取為與所述屏幕坐標(biāo)點數(shù)組范圍相匹配的待打印圖片并將所述待打印圖片的數(shù)據(jù)地址返回前端。

4.根據(jù)權(quán)利要求1所述的一種Web地圖打印預(yù)覽方法，其特征在于，還包括：打印預(yù)覽步驟，具體為：

將待打印圖片的數(shù)據(jù)地址顯示到窗口，實現(xiàn)打印前的預(yù)覽；

當(dāng)預(yù)覽后，如果確認(rèn)截取范圍正確，則選擇打印機對截取后的圖片進(jìn)行打印，或者選擇輸出為PDF圖片到本地電腦上；若截取范圍不正確，則可取消打印輸出。

5.一種Web地圖打印預(yù)覽裝置，其特征在于，包括以下模塊：

坐標(biāo)獲取模塊，獲取待打印地圖范圍所對應(yīng)的空間坐標(biāo)點數(shù)組，并將所述空間坐標(biāo)點數(shù)組轉(zhuǎn)換為屏幕坐標(biāo)點數(shù)組；

圖層獲取模塊，獲取當(dāng)前地圖容器內(nèi)所有服務(wù)圖層的DOM父節(jié)點下的圖像標(biāo)簽并構(gòu)建圖像標(biāo)簽數(shù)組，將所述圖像標(biāo)簽數(shù)組轉(zhuǎn)換為圖片數(shù)據(jù)地址；

圖片分割模塊，根據(jù)所述屏幕坐標(biāo)點數(shù)組范圍從所述圖片數(shù)據(jù)地址對應(yīng)的圖片中截取為符合所述屏幕坐標(biāo)點數(shù)組范圍的待打印圖片；

其中，所述圖層獲取模塊具體包括：

圖層獲取單元，通過HTML的DOM查找節(jié)點方法，獲取到當(dāng)前地圖容器包含所有服務(wù)圖層的DOM父節(jié)點；查找所述DOM父節(jié)點下所有用來顯示地圖服務(wù)圖層的圖片節(jié)點的img標(biāo)簽，得到img標(biāo)簽數(shù)組；

跨域處理單元，遍歷所述img標(biāo)簽數(shù)組，判斷所述img標(biāo)簽的圖片地址是否跟當(dāng)前系統(tǒng)地址在一個域，若不在一個域，就將該img標(biāo)簽的地址前加上代理地址；

圖片轉(zhuǎn)換單元，基于HTML5的開源插件將HTML節(jié)點轉(zhuǎn)換為canvas元素；調(diào)用canvas的toDataURL方法，將canvas元素轉(zhuǎn)換為64位圖片數(shù)據(jù)地址。

6.根據(jù)權(quán)利要求5所述的一種Web地圖打印預(yù)覽裝置，其特征在于，所述坐標(biāo)獲取模塊中，待打印地圖范圍的獲取為：

由用戶根據(jù)地圖繪制工具繪制待打印地圖范圍，當(dāng)用戶未做選擇時，則將當(dāng)前屏幕顯示的地圖范圍作為待打印地圖范圍；

根據(jù)待打印地圖范圍的面要素得到所有空間坐標(biāo)點數(shù)組。