[發(fā)明專利]一種定制與展示網(wǎng)頁文字地圖交互的系統(tǒng)與方法

有效

• 申請?zhí)枺?/td>: 202210637899.2
• 申請日: 2022-06-08
• 公開（公告）號: CN114722136B
• 公開（公告）日: 2022-09-02
• 發(fā)明（設(shè)計(jì)）人: 崔秉良;崔君宇;黃文理;邱國堅(jiān);劉堃山
• 申請（專利權(quán)）人: 廣州市阿爾法軟件信息技術(shù)有限公司
• 主分類號: G06F16/29
• 分類號: G06F16/29;G06F8/30;G06F16/958
• 代理公司: 武漢科皓知識產(chǎn)權(quán)代理事務(wù)所(特殊普通合伙) 42222
• 代理人: 魯力

1.一種定制網(wǎng)頁文字地圖交互的方法，其特征在于，基于編輯組件，所述編輯組件包括文本編輯器、地圖控件和Map對象；方法包括

步驟S101：系統(tǒng)初始化一個Map對象、一個文本編輯器控件、一個地圖控件；Map對象用于記錄用戶選擇文字與地圖操作的映射關(guān)系；文本編輯器控件使用市面主流的CKEditor編輯器，用于以html語言格式保存用戶錄入的文本內(nèi)容；地圖控件使用現(xiàn)在流行的Cesium開源庫；

步驟S102：用戶根據(jù)需要選擇新建地圖故事或是打開已有地圖故事，如果選擇打開已有故事，系統(tǒng)從服務(wù)器數(shù)據(jù)庫中讀取相應(yīng)數(shù)據(jù)，并將讀取獲得的文本內(nèi)容添加到文本編輯器中，讀取ID屬性值與地圖操作參數(shù)的映射關(guān)系建立鍵值對，插入到Map對象中；鍵值對的Key值為ID屬性值，value值為Object對象，保存著地圖操作參數(shù)，如果選擇新建地圖故事，系統(tǒng)不執(zhí)行操作；

步驟S103：用戶在文本編輯器內(nèi)錄入或修改文本內(nèi)容；

步驟S104：用戶根據(jù)需要選擇文本內(nèi)容中的任意文字，再設(shè)置地圖操作參數(shù)；設(shè)置結(jié)束后，系統(tǒng)記錄用戶設(shè)置的地圖操作參數(shù)，并為選中的任意文字添加超鏈接和ID屬性；超鏈接屬性值固定為“#”，表示超鏈接為空，使系統(tǒng)在系統(tǒng)展示端可以以超鏈接樣式展示對應(yīng)文字，并且點(diǎn)擊不會跳轉(zhuǎn)；ID屬性值為隨機(jī)生成的全局唯一標(biāo)識符GUID，使用GUID可以保證ID屬性值唯一；

步驟S105：創(chuàng)建一個鍵值對，Key值為上一步驟生成的GUID值，Value值為Object對象，Object對象保存著上一步驟用戶設(shè)置的地圖操作參數(shù)，地圖操作參數(shù)包括但不僅限于地圖操作類型、地圖二三維形態(tài)、天氣效果類型、視點(diǎn)位置姿態(tài)數(shù)值、地圖操作持續(xù)時間、地圖元素尺寸位置樣式；創(chuàng)建成功后將鍵值對插入到步驟S101生成的Map對象中；

步驟S106：用戶可以根據(jù)創(chuàng)作需求，重復(fù)步驟S103-S105，為文本內(nèi)容的不同的文字設(shè)置各自對應(yīng)的地圖操作；

步驟S107：定制完成后，用戶選擇保存定制文本內(nèi)容，系統(tǒng)將文本編輯器中的全部內(nèi)容與Map對象轉(zhuǎn)換為json字符串，并保存到服務(wù)器數(shù)據(jù)庫中。

2.一種與權(quán)利要求1所述方法適配的展示網(wǎng)頁文字地圖交互的方法，基于編輯組件，所述編輯組件包括文本編輯器、地圖控件和Map對象，其特征在于，

系統(tǒng)從服務(wù)器數(shù)據(jù)庫調(diào)取地圖故事，包括文本內(nèi)容、ID屬性值與地圖操作參數(shù)的映射關(guān)系；

監(jiān)聽用戶鼠標(biāo)點(diǎn)擊文本編輯器內(nèi)文字的事件，獲取用戶點(diǎn)擊文字ID屬性值，并調(diào)取與其對應(yīng)的Map對象中的地圖操作參數(shù)執(zhí)行地圖操作。

3.根據(jù)權(quán)利要求2所述的一種展示網(wǎng)頁文字地圖交互的方法，其特征在于，調(diào)取地圖故事之前，系統(tǒng)初始化文本編輯器與地圖控件；調(diào)取地圖故事之后，根據(jù)讀取到的ID屬性值與地圖操作參數(shù)的映射關(guān)系建立Map對象。

4.根據(jù)權(quán)利要求3所述的一種展示網(wǎng)頁文字地圖交互的方法，其特征在于，若獲取的ID屬性值為空或沒有在Map對象中匹配到鍵值對，則不做任何反應(yīng)；如果ID屬性值在Map對象中匹配到鍵值對，則根據(jù)ID屬性值獲取到對應(yīng)的value值，即地圖操作參數(shù)；根據(jù)地圖操作參數(shù)，系統(tǒng)自動執(zhí)行地圖操作，其中屬性值與鍵值對中的key值相同即為匹配。

5.根據(jù)權(quán)利要求4所述的一種展示網(wǎng)頁文字地圖交互的方法，其特征在于，鍵值對包括Key值和Value值，Key值為ID屬性值，Value值為Object對象，Object對象用于保存用戶設(shè)置的地圖操作參數(shù)。

6.一種用于所述定制與展示網(wǎng)頁文字地圖交互方法的系統(tǒng)，采用權(quán)利要求1至5任意一項(xiàng)所述的方法，其特征在于，包括：

數(shù)據(jù)庫模塊，用于存儲或讀取定制內(nèi)容，定制內(nèi)容的數(shù)據(jù)形式為存儲著定制內(nèi)容信息的json格式字符串；

定制模塊，用于定制文本內(nèi)容、以及文本內(nèi)容中選定文字與地圖操作關(guān)系；通過數(shù)據(jù)庫模塊，定制模塊將定制的內(nèi)容以json字符串的形式保存至數(shù)據(jù)庫，同時定制模塊能夠通過數(shù)據(jù)庫模塊從數(shù)據(jù)庫中獲取定制的內(nèi)容并進(jìn)行解析；

展示模塊，用于展示定制好的文字地圖交互的地圖故事，具體是：通過數(shù)據(jù)庫模塊，展示模塊從數(shù)據(jù)庫提取定制的內(nèi)容并進(jìn)行解析，解析包括文本內(nèi)容以及文本內(nèi)容中選定文字與地圖操作關(guān)系，根據(jù)解析結(jié)果，加載定制的文本內(nèi)容，并監(jiān)聽用戶點(diǎn)擊事件；當(dāng)用戶點(diǎn)擊文本內(nèi)容時，根據(jù)解析結(jié)果匹配對應(yīng)的地圖操作信息，并根據(jù)地圖操作信息自動執(zhí)行操作。