[发明专利]一种定制与展示网页文字地图交互的系统与方法有效
申请号: | 202210637899.2 | 申请日: | 2022-06-08 |
公开(公告)号: | CN114722136B | 公开(公告)日: | 2022-09-02 |
发明(设计)人: | 崔秉良;崔君宇;黄文理;邱国坚;刘堃山 | 申请(专利权)人: | 广州市阿尔法软件信息技术有限公司 |
主分类号: | G06F16/29 | 分类号: | G06F16/29;G06F8/30;G06F16/958 |
代理公司: | 武汉科皓知识产权代理事务所(特殊普通合伙) 42222 | 代理人: | 鲁力 |
地址: | 510630 广东省广州市*** | 国省代码: | 广东;44 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 一种 定制 展示 网页 文字 地图 交互 系统 方法 | ||
1.一种定制网页文字地图交互的方法,其特征在于,基于编辑组件,所述编辑组件包括文本编辑器、地图控件和Map对象;方法包括
步骤S101:系统初始化一个Map对象、一个文本编辑器控件、一个地图控件;Map对象用于记录用户选择文字与地图操作的映射关系;文本编辑器控件使用市面主流的CKEditor编辑器,用于以html语言格式保存用户录入的文本内容;地图控件使用现在流行的Cesium开源库;
步骤S102:用户根据需要选择新建地图故事或是打开已有地图故事,如果选择打开已有故事,系统从服务器数据库中读取相应数据,并将读取获得的文本内容添加到文本编辑器中,读取ID属性值与地图操作参数的映射关系建立键值对,插入到Map对象中;键值对的Key值为ID属性值,value值为Object对象,保存着地图操作参数,如果选择新建地图故事,系统不执行操作;
步骤S103:用户在文本编辑器内录入或修改文本内容;
步骤S104:用户根据需要选择文本内容中的任意文字,再设置地图操作参数;设置结束后,系统记录用户设置的地图操作参数,并为选中的任意文字添加超链接和ID属性;超链接属性值固定为“#”,表示超链接为空,使系统在系统展示端可以以超链接样式展示对应文字,并且点击不会跳转;ID属性值为随机生成的全局唯一标识符GUID,使用GUID可以保证ID属性值唯一;
步骤S105:创建一个键值对,Key值为上一步骤生成的GUID值,Value值为Object对象,Object对象保存着上一步骤用户设置的地图操作参数,地图操作参数包括但不仅限于地图操作类型、地图二三维形态、天气效果类型、视点位置姿态数值、地图操作持续时间、地图元素尺寸位置样式;创建成功后将键值对插入到步骤S101生成的Map对象中;
步骤S106:用户可以根据创作需求,重复步骤S103-S105,为文本内容的不同的文字设置各自对应的地图操作;
步骤S107:定制完成后,用户选择保存定制文本内容,系统将文本编辑器中的全部内容与Map对象转换为json字符串,并保存到服务器数据库中。
2.一种与权利要求1所述方法适配的展示网页文字地图交互的方法,基于编辑组件,所述编辑组件包括文本编辑器、地图控件和Map对象,其特征在于,
系统从服务器数据库调取地图故事,包括文本内容、ID属性值与地图操作参数的映射关系;
监听用户鼠标点击文本编辑器内文字的事件,获取用户点击文字ID属性值,并调取与其对应的Map对象中的地图操作参数执行地图操作。
3.根据权利要求2所述的一种展示网页文字地图交互的方法,其特征在于,调取地图故事之前,系统初始化文本编辑器与地图控件;调取地图故事之后,根据读取到的ID属性值与地图操作参数的映射关系建立Map对象。
4.根据权利要求3所述的一种展示网页文字地图交互的方法,其特征在于,若获取的ID属性值为空或没有在Map对象中匹配到键值对,则不做任何反应;如果ID属性值在Map对象中匹配到键值对,则根据ID属性值获取到对应的value值,即地图操作参数;根据地图操作参数,系统自动执行地图操作,其中属性值与键值对中的key值相同即为匹配。
5.根据权利要求4所述的一种展示网页文字地图交互的方法,其特征在于,键值对包括Key值和Value值,Key值为ID属性值,Value值为Object对象,Object对象用于保存用户设置的地图操作参数。
6.一种用于所述定制与展示网页文字地图交互方法的系统,采用权利要求1至5任意一项所述的方法,其特征在于,包括:
数据库模块,用于存储或读取定制内容,定制内容的数据形式为存储着定制内容信息的json格式字符串;
定制模块,用于定制文本内容、以及文本内容中选定文字与地图操作关系;通过数据库模块,定制模块将定制的内容以json字符串的形式保存至数据库,同时定制模块能够通过数据库模块从数据库中获取定制的内容并进行解析;
展示模块,用于展示定制好的文字地图交互的地图故事,具体是:通过数据库模块,展示模块从数据库提取定制的内容并进行解析,解析包括文本内容以及文本内容中选定文字与地图操作关系,根据解析结果,加载定制的文本内容,并监听用户点击事件;当用户点击文本内容时,根据解析结果匹配对应的地图操作信息,并根据地图操作信息自动执行操作。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于广州市阿尔法软件信息技术有限公司,未经广州市阿尔法软件信息技术有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/202210637899.2/1.html,转载请声明来源钻瓜专利网。