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

在審

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

1.一種基于VUE實現三維地圖的方法，其特征在于，所述方法包括如下步驟：

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

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

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

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

2.如權利要求1所述的基于VUE實現三維地圖的方法，其特征在于，所述生成用于配置所述三維地圖模型的頁面文件、用于接收外部操作信息的基于VUE的實例組件、用于在所述頁面文件與所述實例組件之間傳遞信息的iframe框架的步驟，具體為：

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

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

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

3.如權利要求2所述的基于VUE實現三維地圖的方法，其特征在于，所述實例組件接收到外部操作信息后，根據所述外部操作信息生成對應的所述標識信息，并將所述標識信息傳給所述iframe框架，其中，所述標識信息帶有對應所述外部操作信息的操作標識值。

4.如權利要求3所述的基于VUE實現三維地圖的方法，其特征在于，所述頁面文件配置為所述三維地圖模型的容器后，當所述三維地圖模型改變所述顯示模式并向外發送模式切換數據時，所述頁面文件將所述模式切換數據轉換為所述事件信息并傳給所述iframe框架，其中，所述事件信息帶有對應所述顯示模式的模式標識值。

5.如權利要求4所述的基于VUE實現三維地圖的方法，其特征在于，通過所述iframe框架監聽來自所述實例組件的標識信息，并將所述標識信息發送給所述頁面文件的步驟，具體為：

所述iframe框架通過所述監聽事件接收來自所述實例組件的所述標識信息，并根據所述標識信息的所述操作標識值，通過預設的發送函數向所述頁面文件發送切換模式命令。

6.如權利要求5所述的基于VUE實現三維地圖的方法，其特征在于，使用所述iframe框架監聽來自所述頁面文件回調的事件信息，并將所述事件信息發送給所述實例組件，通過所述iframe框架統合所述頁面文件和所述實例組件得到所述三維地圖的步驟，具體為：

所述頁面文件接收到所述切換模式命令后，所述三維地圖模型根據所述切換模式命令進行所述顯示模式的切換，并通過所述頁面文件生成所述事件信息，之后，通過預設的接收函數向所述iframe框架返回所述事件信息，并由所述iframe框架將所述事件信息返回給所述實例組件，使得所述iframe框架通過所述標識信息和所述事件信息統合所述頁面文件和所述實例組件，得到所述三維地圖。

7.如權利要求1所述的基于VUE實現三維地圖的方法，其特征在于，所述方法還包括如下步驟：

在所述三維地圖中使用所述實例組件進行路由切換，并對所述三維地圖模型進行銷毀，其中：

若所述三維地圖模型具有銷毀功能的預留編程接口，則通過調用所述預留編程接口進行所述三維地圖模型的銷毀；

若所述三維地圖模型不具有銷毀功能的預留編程接口，則通過將所述iframe標簽的路徑屬性修改為空，并使用所述iframe標簽進行所述三維地圖模型的銷毀。