[發明專利]一種基于VUE實現三維地圖的方法、系統及相關設備

在審

• 申請號: 202111448540.2
• 申請日: 2021-11-29
• 公開（公告）號: CN114186144A
• 公開（公告）日: 2022-03-15
• 發明（設計）人: 譚詠琪;繆迪;閆瀟寧
• 申請（專利權）人: 深圳市安軟科技股份有限公司;深圳市安軟慧視科技有限公司
• 主分類號: G06F16/9537
• 分類號: G06F16/9537;G06T17/05
• 代理公司: 深圳君信誠知識產權代理事務所(普通合伙) 44636
• 代理人: 劉偉

本發明適用于圖像分析領域，提供了一種園區管理方法、系統及相關設備，所述方法包括獲取需要訪問的三維地圖模型，所述三維地圖模型包含多種面向用戶的顯示模式；生成用于配置所述三維地圖模型的頁面文件、用于接收外部操作信息的基于VUE的實例組件、用于在所述頁面文件與所述實例組件之間傳遞信息的iframe框架；通過所述iframe框架監聽來自所述實例組件的標識信息，并將所述標識信息發送給所述頁面文件；使用所述iframe框架監聽來自所述頁面文件回調的事件信息，并將所述事件信息發送給所述實例組件，以得到三維地圖。本發明通過iframe以及數據標識實現了外部操作與地圖系統功能的對接，避免了地圖系統資源被過度消耗。

技術領域

本發明屬于數據交互處理領域，尤其涉及一種基于VUE實現三維地圖的方法、系統及相關設備。

背景技術

目前的城市社區的智慧安防建設逐漸完善，并且在安防建設的過程中，為了實現更好的安防監控以及信息采集，往往在同一個區域內會安裝多個方向的監控設備，并通過一個統一的安防系統對這些監控設備進行管理，而在安防系統的開發中，為了方便用戶操作、提高用戶體驗感，常用的方式是使用地圖工具來展示監控設備的位置。傳統的二維地圖受限于其形態和使用場景，只能通過經緯度等平面上的信息來確認監控設備的位置。

在一些方案中，安防系統會接入外部的第三方地圖，這雖然減少了安防系統的開發難度，但第三方地圖的API具有局限性，會影響到整個安防系統事件與地圖工具的聯動，例如，一些使用可視用戶環境(Visual User Environment，VUE)框架開發的安防系統是以切換路由的形式加載用于顯示給用戶的頁面，當有多個頁面需要展示地圖時，會導致一個頁面所在的主進程中產生多個地圖模型的運程，繼而使系統的資源被消耗，從而降低了整個安防系統的性能，嚴重影響用戶體驗。

發明內容

本發明實施例提供一種基于VUE實現三維地圖的方法、系統及相關設備，旨在解決地圖系統切換路由后無法釋放模型資源，導致系統資源被消耗的問題。

第一方面，本發明實施例提供一種基于VUE實現三維地圖的方法，所述方法包括：

獲取需要訪問的三維地圖模型，所述三維地圖模型包含多種顯示模式；

生成用于配置所述三維地圖模型的頁面文件、用于接收外部操作信息的基于VUE的實例組件、用于在所述頁面文件與所述實例組件之間傳遞信息的iframe框架；

通過所述iframe框架監聽來自所述實例組件的標識信息，并將所述標識信息發送給所述頁面文件；

使用所述iframe框架監聽來自所述頁面文件回調的事件信息，并將所述事件信息發送給所述實例組件，通過所述iframe框架統合所述頁面文件和所述實例組件得到所述三維地圖。

更進一步地，所述生成用于配置所述三維地圖模型的頁面文件、用于接收外部操作信息的基于VUE的實例組件、用于在所述頁面文件與所述實例組件之間傳遞信息的iframe框架的步驟，具體為：

將所述頁面文件配置為所述三維地圖模型的容器，并通過所述頁面文件為所述三維地圖模型回調的所述顯示模式定義對應的所述事件信息；

為所述實例組件采用iframe標簽，將所述iframe標簽的路徑屬性設置為所述頁面文件的路徑，并將所述實例組件初始化；

定義所述iframe框架的監聽事件和回調事件，使所述監聽事件能夠監聽來自所述實例組件傳來的所述標識信息，使所述回調事件能夠接收來自所述頁面文件傳來的所述事件信息。

更進一步地，所述實例組件接收到外部操作信息后，根據所述外部操作信息生成對應的所述標識信息，并將所述標識信息傳給所述iframe框架，其中，所述標識信息帶有對應所述外部操作信息的操作標識值。