一种纸质地图中的拖拽及连线方法、电子设备、存储介质技术

技术编号:28627428 阅读:24 留言:0更新日期:2021-05-28 16:24
本发明专利技术涉及一种纸质地图中的拖拽及连线方法、电子设备、存储介质。所述方法包括:步骤1:确定地图显示区域,创建地图;步骤2:获取地图显示区域内的楼盘信息,在楼盘对应地理位置上进行初次渲染覆盖物,覆盖物此时对应的地点为原始地点;步骤3:拖拽选中的覆盖物到目的地;步骤4:获取拖拽目的地的经纬度坐标信息,在拖拽目的地渲染覆盖物,并渲染拖拽目的地与原始地点之间的连线;步骤5:重复进行步骤3~4,直到完成所有想要拖拽的覆盖物的拖拽。本发明专利技术针对现有技术中地图上楼盘信息重叠显示的问题,提出了一种简便易行的方案,用户可根据自己的需要对楼盘标签进行位置移动,提高标签的展示清晰度。

【技术实现步骤摘要】
一种纸质地图中的拖拽及连线方法、电子设备、存储介质
本专利技术涉及地图显示
,特别是一种纸质地图中的拖拽及连线方法及系统。
技术介绍
当前,纸质地图是一种较为常见的地图展示方式。在楼盘销售过程中,常通过预先在纸质地图中添加楼盘信息,对特定行政区域内的楼盘进行展示。楼盘咨询师在向客户描述楼盘时,可以清楚的介绍出在该城市模块下的大体位置,周边地铁,校区等距离。但是由于城市面积大,且楼盘多,地图缩放到一定程度的时候楼盘标签会相互覆盖,导致在向客户介绍的时候不容易看出楼盘数量和具体位置。因此需要一种标签拖拽并且链接线条到原始位置的方法。
技术实现思路
为解决上述问题,本专利技术提供了一种纸质地图中的拖拽及连线方法,包括如下步骤:步骤1:确定地图显示区域,创建地图;步骤2:获取地图显示区域内的楼盘信息,在楼盘对应地理位置上进行初次渲染覆盖物,覆盖物此时对应的地点为原始地点;步骤3:拖拽选中的覆盖物到目的地;当拖拽目的地在当前地图显示区域内时,步骤3包括:步骤3.1:用户选中要拖拽的覆盖物;步骤3.2:用户拖拽覆盖物到拖拽目的地;当拖拽目的地不在当前地图显示区域内时,步骤3包括:步骤3.1:用户拖拽地图,显示出目的地;步骤3.1:用户选中要拖拽的覆盖物,拖拽覆盖物到拖拽目的地;步骤4:获取拖拽目的地的经纬度坐标信息,在拖拽目的地渲染覆盖物,并渲染拖拽目的地与原始地点之间的连线;步骤5:重复进行步骤3~4,直到完成所有想要拖拽的覆盖物的拖拽。进一步的,步骤2之前,还有获取所创建地图东北角、西南角经纬度信息,传递到地图服务端,地图服务端下发当前视图容器内的楼盘信息的步骤,所述楼盘信息是预先存储在地图服务端内的。进一步的,还包括重复拖拽流程,该流程是重复进行步骤3~4,直到达到覆盖物最终目的地。进一步的,在重复拖拽流程中,每次执行步骤4之前,删除原有连线。进一步的,所述方法中,使用标记添加函数addMark()进行覆盖物和连线的渲染,以及监听覆盖物的拖拽操作。进一步的,步骤3中,用户选中要拖拽的覆盖物后,该覆盖物在当前地图中居中显示。进一步的,用户通过搜索定位的方法选中要拖拽的覆盖物。进一步的,还包括数据保存流程,该流程具体为:在每次执行完步骤4后,保存当前渲染物经纬度信息,在步骤5执行完后,批量上传所有保存的数据到服务器。本专利技术还公开了一种电子设备,包括依次通信相连的存储器、处理器和收发器,其中,所述存储器用于存储计算机程序,所述收发器用于收发消息,所述处理器用于读取所述计算机程序,执行如权利要求1~8任意一项所述的纸质地图中的拖拽及连线方法。本专利技术还公开了一种计算机可读存储介质,所述计算机可读存储介质上存储有指令,当所述指令在计算机上运行时,执行如权利要求1~8任意一项所述的纸质地图中的拖拽及连线方法。本专利技术的有益效果为:本专利技术针对现有技术中地图上楼盘信息重叠显示的问题,提出了一种简便易行的方案,用户可根据自己的需要对楼盘标签进行位置移动,提高标签的展示清晰度。具体实施方式本专利技术所述方法可以应用于现有的楼盘信息显示地图上,下面对本专利技术进行说明。本专利技术提供了一种纸质地图中的拖拽及连线方法,包括如下步骤:步骤1:确定地图显示区域,创建地图。为了避免渲染太多覆盖物(以下覆盖物表示:楼盘标签)影响浏览器性能。而取所地图东北角、西南角经纬度信息,通过API接口传递到地图服务端,地图服务端下发当前视图容器内的楼盘信息的步骤,所述楼盘信息是预先存储在地图服务端内的,楼盘信息。地图可以采用现有的地图提供商提供的地图,如百度,高德地图。步骤2:获取地图显示区域内的楼盘信息,在地图上进行初次渲染覆盖物,覆盖物此时对应的地点为原始地点。楼盘信息是预先存储的,包括楼盘经纬度信息、楼盘商业信息(如楼盘名称、开发商、交通情况等等)。渲染覆盖物前就需要根据经纬度精准确定楼盘所在位置。渲染具体含义是指将在地图对应位置显示楼盘标签或者连线或者其他想显示的信息。优选的,因覆盖物有遮挡问题,所以需覆盖物在地图中的显示层级设置为最高,避免原来有的标记覆盖住楼盘标签。步骤3:拖拽选中的覆盖物到目的地。根据拖拽目的地是否在当前地图显示区域内,步骤3具体执行内容不同:当拖拽目的地在当前地图显示区域内时,执行步骤3.1-3.2:步骤3.1:用户选中要拖拽的覆盖物;步骤3.2:用户拖拽覆盖物到拖拽目的地;当拖拽目的地不在当前地图显示区域内时:步骤3.1:用户拖拽地图,显示出目的地;步骤3.1:用户选中要拖拽的覆盖物,拖拽覆盖物到拖拽目的地;优选的,用户可以采用搜索的方式定位要拖拽的覆盖物。定位后,覆盖物持续高亮一段时间,如5秒。更优选的,用户选中要拖拽的覆盖物后,该覆盖物在当前地图中居中显示。需要说明的是,由于地图本身就有拖拽的过程,因此点击覆盖物的时候,需要把地图的拖拽禁用,松开标签则放开地图拖拽。开始拖拽的过程基于浏览器页面获取到的都是为px为单位的,但是地图的渲染则是根据百度经纬度来标记位置的。拖拽地图的时候要更新本地数据。步骤4:在拖拽目的地渲染覆盖物,并渲染拖拽目的地与原始地点之间的连线;步骤5:重复进行步骤3~4,直到完成所有想要拖拽的覆盖物的拖拽。进一步的,还包括重复拖拽流程,该流程是重复进行步骤3~4,直到达到覆盖物最终目的地。在达到最终目的地之前,用户可能会重复拖拽若干次。进一步的,在重复拖拽流程中,每次执行步骤4之前,要删除原有的连线,以保持界面整洁度。优选的,在每次拖拽渲染物完成后,还会进行数据保存,拖拽完成后批量上传服务端。当下次进入页面时候,就会从服务端拉取到上次保存过的新经纬度与原始经纬度。在本专利技术的方法中,使用标记添加函数addMark()进行覆盖物和连线的渲染,以及监听覆盖物的拖拽操作。该函数能在楼盘对应的经纬度上增加楼盘标签,并在新位置与原始位置之间增加连线。本专利技术还公开了一种电子设备,包括依次通信相连的存储器、处理器和收发器,其中,所述存储器用于存储计算机程序,所述收发器用于收发消息,所述处理器用于读取所述计算机程序,执行前述的方法。本专利技术还公开了一种计算机可读存储介质,所述计算机可读存储介质上存储有指令,当所述指令在计算机上运行时,执行前述的方法。以上所述仅是本专利技术的优选实施方式,应当指出,对于本
的普通技术人员来说,在不脱离本专利技术原理的前提下,还可以做出若干改进和润饰,这些改进和润饰也应视为本专利技术的保护范围。本文档来自技高网
...

【技术保护点】
1.纸质地图中的拖拽及连线方法,其特征在于,包括如下步骤:/n步骤1:确定地图显示区域,创建地图;/n步骤2:获取地图显示区域内的楼盘信息,在楼盘对应地理位置上进行初次渲染覆盖物,覆盖物此时对应的地点为原始地点;/n步骤3:拖拽选中的覆盖物到目的地;/n当拖拽目的地在当前地图显示区域内时,步骤3包括:/n步骤3.1:用户选中要拖拽的覆盖物;/n步骤3.2:用户拖拽覆盖物到拖拽目的地;/n当拖拽目的地不在当前地图显示区域内时,步骤3包括:/n步骤3.1:用户拖拽地图,显示出目的地;/n步骤3.1:用户选中要拖拽的覆盖物,拖拽覆盖物到拖拽目的地;/n步骤4:获取拖拽目的地的经纬度坐标信息,在拖拽目的地渲染覆盖物,并渲染拖拽目的地与原始地点之间的连线;/n步骤5:重复进行步骤3~4,直到完成所有想要拖拽的覆盖物的拖拽。/n

【技术特征摘要】
1.纸质地图中的拖拽及连线方法,其特征在于,包括如下步骤:
步骤1:确定地图显示区域,创建地图;
步骤2:获取地图显示区域内的楼盘信息,在楼盘对应地理位置上进行初次渲染覆盖物,覆盖物此时对应的地点为原始地点;
步骤3:拖拽选中的覆盖物到目的地;
当拖拽目的地在当前地图显示区域内时,步骤3包括:
步骤3.1:用户选中要拖拽的覆盖物;
步骤3.2:用户拖拽覆盖物到拖拽目的地;
当拖拽目的地不在当前地图显示区域内时,步骤3包括:
步骤3.1:用户拖拽地图,显示出目的地;
步骤3.1:用户选中要拖拽的覆盖物,拖拽覆盖物到拖拽目的地;
步骤4:获取拖拽目的地的经纬度坐标信息,在拖拽目的地渲染覆盖物,并渲染拖拽目的地与原始地点之间的连线;
步骤5:重复进行步骤3~4,直到完成所有想要拖拽的覆盖物的拖拽。


2.如权利要求1所述的纸质地图中的拖拽及连线方法,其特征在于,步骤2之前,还有获取所创建地图东北角、西南角经纬度信息,传递到地图服务端,地图服务端下发当前视图容器内的楼盘信息的步骤,所述楼盘信息是预先存储在地图服务端内的。


3.如权利要求1所述的纸质地图中的拖拽及连线方法,其特征在于,还包括重复拖拽流程,该流程是重复进行步骤3~4,直到达到覆盖物最终目的地。


4.如权利要求1所述的纸质地...

【专利技术属性】
技术研发人员:支达利薛帅闫士敬罗海斌王鹏
申请(专利权)人:北京高因科技有限公司
类型:发明
国别省市:北京;11

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1