[發明專利]一種Web端地圖可編程圖層的實現方法

在審

• 申請號: 202210492065.7
• 申請日: 2022-05-07
• 公開（公告）號: CN114860224A
• 公開（公告）日: 2022-08-05
• 發明（設計）人: 曹勇;占偉偉;蕢露超;周傳龍;張一鳴;牟蘇斌;何建清;劉青峰;劉冠奇;馮俊
• 申請（專利權）人: 中國電子科技集團公司第二十八研究所
• 主分類號: G06F8/35
• 分類號: G06F8/35;G06F8/38;G06F8/34;G06F16/29
• 代理公司: 江蘇圣典律師事務所 32237
• 代理人: 于瀚文;胡建華

1.一種Web端地圖可編程圖層的實現方法，其特征在于，包括如下步驟：

步驟1，創建并存儲多源圖層模板；

步驟2，創建編程圖層實例并實現編程圖層與Web頁面交互；

步驟3，創建圖層樹對象并關聯和組織編程圖層實例關聯。

2.根據權利要求1所述的方法，其特征在于，步驟1包括：

步驟1-1，創建多源圖層模板；

步驟1-2，存儲多源圖層模板。

3.根據權利要求2所述的方法，其特征在于，步驟1-1包括：多源圖層模板是創建編程圖層實例所使用的模板；創建多源圖層模板用于對多源圖層模板的參數和各類交互函數進行配置；多源圖層模板的參數配置包括：模板名稱、同類型互斥標識、節點顯示場景；多源圖層模板的交互函數配置包括：初始化鉤子函數、勾選鉤子函數、非勾選鉤子函數、添加至地圖鉤子函數、移除鉤子函數的配置；

根據多源圖層模板的參數和交互函數配置，生成多源圖層模板的唯一標識LayerName，最終形成完整的多源數據模板。

4.根據權利要求3所述的方法，其特征在于，步驟1-2包括：多源圖層模板在服務端數據庫中保存，在保存之前，首先遍歷服務端數據庫中存儲的多源圖層模板，通過唯一標識LayerName匹配檢查服務端數據庫中是否已經存在相同的多源圖層模板，如果存在則根據用戶的選擇進行覆蓋或取消存儲，如果不存在，則進行存儲操作，存儲的方法為：將步驟1-1中配置的多源圖層模板的參數和各類交互函數以瀏覽器缺省方法轉換為字符串后，發送至服務端導入數據庫進行存儲。

5.根據權利要求4所述的方法，其特征在于，步驟2包括：

步驟2-1，創建編程圖層實例；

步驟2-2，獲取交互函數；

步驟2-3，可執行代碼轉換，通過eval方法將字符串形式的交互函數轉換為函數形式的可執行的交互函數，將轉換后的交互函數賦予編程圖層實例對應的鉤子函數內，將編程圖層實例中的輸入參數作為函數的入參；

步驟2-4，將步驟2-2中轉換完成的鉤子函數與Web頁面交互響應事件綁定，實現編程圖層鉤子函數與Web頁面的交互響應。

6.根據權利要求5所述的方法，其特征在于，步驟2-1包括：編程圖層實例根據多源圖層模板創建，根據需要創建的編程圖層實例的類型，從服務端數據庫中查詢到對應的多源圖層模板，根據多源圖層模板中配置的參數創建編程圖層實例，并設置編程圖層實例的唯一標識LayerName與多源圖層模板的唯一標識綁定，完成編程圖層實例的創建。

7.根據權利要求6所述的方法，其特征在于，步驟2-2包括：通過編程圖層實例的唯一標識LayerName獲取到與其綁定的多源圖層模板，并獲取多源圖層模板上配置的交互函數。

8.根據權利要求7所述的方法，其特征在于，步驟3包括：

步驟3-1，創建圖層樹對象：圖層樹對象為樹狀結構，用于組織和管理Web端地圖上加載和顯示的編程圖層實例，圖層樹對象的層級結構由低到高依次為：編程圖層實例、圖層組對象、圖層樹對象；編程圖層實例是構成圖層樹對象的葉子節點；被統一管理的一個或兩個以上編程圖層實例構成一個圖層組對象，圖層組對象組成圖層樹對象；

步驟3-2，圖層樹對象與Web頁面關聯；

步驟3-3，圖層樹對象與編程圖層實例關聯。

9.根據權利要求8所述的方法，其特征在于，步驟3-2包括：用戶通過操作Web端頁面的方式實現對圖層樹對象的操作；在Web端頁面上按照圖層樹對象的內容和層次結構組織構建樹狀的Dom節點，綁定交互事件，形成圖層樹管理界面，當用戶對圖層樹管理界面進行操作時，在綁定的交互事件中對圖層樹對象進行相應的處理。

10.根據權利要求9所述的方法，其特征在于，步驟3-3包括：當新增編程圖層實例時，要將實例作為葉子節點添加到圖層樹對象上；當刪除編程圖層實例時，要同步從圖層樹上刪除對應的節點；當圖層樹上的葉子節點發生增加、刪除、順序調整時，相應地在Web端地圖上進行編程圖層實例地增加、刪除、順序調整。