一种实时更新地图中停车场标注显示信息的方法技术

本发明专利技术公开了一种实时更新地图中停车场标注显示信息的方法，通过mqtt消息系统和后台服务器建立连接，并且向后台服务器发送订阅消息请求，当有数据变化时，后台服务器推送消息内容到web地图页面，页面根据消息内容首先移除需更新标注点原有的标注信息，并重新绘制更新的数据，从而实现了停车场信息的实时更新，本发明专利技术的实时更新地图中停车场标注显示信息的方法还解决了当前页面刷新需重绘整个页面导致焦点丢失和页面卡顿的问题，有利于提升用户的体验感。

A Real-time Updating Method of Parking Label and Display Information in Map

【技术实现步骤摘要】
一种实时更新地图中停车场标注显示信息的方法
本专利技术涉及信息处理
，特别涉及一种实时更新地图中停车场标注显示信息的方法。
技术介绍
随着社会生活水平的提高，大多数人出行都选择了自驾车，停车问题也随之凸显；对于停车场运营方来说，通常会同时运营多个停车场，及时了解所运营的停车场当前使用情况是很迫切的需求；有利于运营方对所属停车场的规划做出积极的调整。当前停车场通常都是智能停车系统，运营方可以通过车场管理平台会获取车位使用情况，管理平台会呈现当前城市地图及所属停车场的标注信息，标注信息包括停车场所在位置，停车场名称、剩余车位及总车位等信息；当运营方需要查看停车场实时利用情况时，需要手动刷新或定时刷新才能显示当前停车场车位实时利用情况，页面整体刷新则会导致页面的焦点重置，当前查看的目标位置会变化，而且页面会有明显刷新的卡顿感，不利于用户的使用；而且浏览器需要的向服务器发出请求，然而HTTP请求可能包含较长的头部，其中真正有效的数据可能只是很小的一部分，显然这样会浪费很多的带宽等资源。
技术实现思路
本专利技术的目的是克服上述
技术介绍
中不足，提供一种实时更新地图中停车场标注显示信息的方法，可实现剩余车位数据的实时更新，同时还可减少浏览器请求接口浪费带宽，避免出现页面刷新的卡顿感。为了达到上述的技术效果，本专利技术采取以下技术方案：一种实时更新地图中停车场标注显示信息的方法，其特征在于，包括以下步骤：A.web地图页面请求后台服务器接口获取到当前需要标注的停车场标注点列表并绘制到地图上且各标注点上均有车位备注信息；B.web地图页面通过mqtt协议跟后台服务器建立连接，其中，各客户端的所述web地图页面具有唯一的标识id和心跳参数；可实现一方面便于后台服务器顺利区分连接的客户端，另一方面也避免心跳时间过长切断长连接的情况；C.连接成功后，web地图页面设置一个订阅主题并向后台服务器发送订阅消息请求，后台服务器接收web地图页面的订阅；D.当停车场中停车数据发生变化时即上报后台服务器发出数据改变通知，后台服务器接收到数据改变通知后判断车位是否发生变化，并仅在车位发生变化时设置与web地图页面相同的订阅主题和消息内容并通过消息服务推送至web地图页面；E.web地图页面接收到推送消息后，若判定该消息主题是当前页面的请求则解析消息内容并进入步骤F；F.获取地图上所有标注点信息，根据标注点的位置判断当前需要更新的标注点是否存在；G.如果该标注点已存在，则移除原有的车位备注信息并更新为新收到的车位备注信息，若不存在则忽略。进一步地，所述步骤A中在地图上绘制标注点时，剩余泊位数量属于不同范围的标注点其显示颜色不相同，则用户通过看标注点的颜色就能知道泊位大致使用情况，实现信息的快速获取。进一步地，无剩余泊位的标注点的显示颜色为色彩A如红色，剩余泊位小于5个泊位的标注点的显示颜色为色彩B如黄色，剩余泊位大于等于5个泊位的标注点的显示颜色为色彩C如绿色。进一步地，所述步骤G中在地图上更新标注点的车位备注信息时根据该标注点的剩余泊位数量属于的不同范围，标注点的显示颜色不相同。进一步地，所述步骤A中所述车位备注信息包括停车场名称、剩余泊位数和总泊位数，从而直观展示用户最关心的数据。进一步地，所述步骤C中，后台服务器接收web地图页面的订阅后即建立了一个连接到web地图页面消息的标签，且该标签与后台服务器的订阅相匹配；后台服务器会将消息发送给订阅所匹配标签的每个web地图页面。进一步地，所述步骤D中所述停车数据至少包括标注点的经纬度、停车场名称、车位剩余数量和总数量。进一步地，所述步骤G中，对于更新了车位备注信息的标注点，在其车位备注信息中加设有更新标识，如增加一个“新”字，从而便于用户快速获取哪些是更新了信息的标注点。本专利技术与现有技术相比，具有以下的有益效果：实时更新地图中停车场标注显示信息的方法，通过mqtt消息系统和后台服务器建立连接，并且向后台服务器发送订阅消息请求，当有数据变化时，后台服务器推送消息内容到web地图页面，页面根据消息内容首先移除需更新标注点原有的标注信息，并重新绘制更新的数据，从而实现了停车场信息的实时更新，同时，解决了当前页面刷新需重绘整个页面导致焦点丢失和页面卡顿的问题，有利于提升用户的体验感。附图说明图1是本专利技术的实时更新地图中停车场标注显示信息的方法的流程示意图。图2是本专利技术的实时更新地图中停车场标注显示信息的方法的实施示意图。图3是本专利技术的一个实施例中web地图页面初始展示示意图。图4是本专利技术的一个实施例中web地图页面更新后的示意图。具体实施方式下面结合本专利技术的实施例对本专利技术作进一步的阐述和说明。实施例：实施例一：如图1及图2所示，一种实时更新地图中停车场标注显示信息的方法，包括以下步骤：步骤一：web地图页面请求后台服务器接口获取到当前需要标注的停车场标注点列表并绘制到地图上且各标注点上均有车位备注信息；作为优选，本实施例中，车位备注信息包括停车场名称、剩余泊位数和总泊位数，具体如图3所示，其中，剩余泊位数量属于不同范围的标注点其显示颜色不相同，则用户通过看标注点的颜色就能知道泊位大致使用情况，实现信息的快速获取。作为优选，本实施例中，无剩余泊位的标注点的显示颜色为红色，剩余泊位小于5个泊位的标注点的显示颜色为黄色，剩余泊位大于等于5个泊位的标注点的显示颜色为绿色。步骤二：web地图页面通过mqtt协议跟后台服务器建立连接，并接收后台服务器反馈的连接状态，连接成功则发起订阅请求，其中，各客户端的所述web地图页面具有唯一的标识id和心跳参数；可实现一方面便于后台服务器顺利区分连接的客户端，另一方面也避免心跳时间过长切断长连接的情况。步骤三：连接成功后，web地图页面设置一个订阅主题并向后台服务器发送订阅消息请求，后台服务器接收web地图页面的订阅；具体为，后台服务器接收web地图页面的订阅后即建立了一个连接到web地图页面消息的标签，且该标签与后台服务器的订阅相匹配；后台服务器会将消息发送给订阅所匹配标签的每个web地图页面。步骤四：当停车场中停车数据发生变化时即上报后台服务器发出数据改变通知，后台服务器接收到数据改变通知后判断车位是否发生变化，并仅在车位发生变化时设置与web地图页面相同的订阅主题和消息内容并通过消息服务推送至web地图页面。其中，本实施例中停车数据至少包括标注点的经纬度、停车场名称、车位剩余数量、总数量、收费情况、收费员信息等。步骤五：web地图页面接收到推送消息后，若判定该消息主题是当前页面的请求则解析消息内容并进入步骤六；其中，本实施例中，解析得到的信息至少包括标注点的经纬度、停车场名称、车位剩余数量、总数量，且本实施例总解析得到的信息内容为：[{"longitude":104.001076,"latitude":30.701809,"surplus":0,"parkName":"停车场1","total":3}{"longitude":104.085589,"latitude":30.718203,"surplus":3,"parkName":"停车场2","total":5}]。步骤六：获取地图上所有标注点信息，根据标注点的位置判断当前需要更新的标注点是否存在；即本文档来自技高网...

【技术保护点】
1.一种实时更新地图中停车场标注显示信息的方法，其特征在于，包括以下步骤：A.web地图页面请求后台服务器接口获取到当前需要标注的停车场标注点列表并绘制到地图上且各标注点上均有车位备注信息；B.web地图页面通过mqtt协议跟后台服务器建立连接，其中，各客户端的所述web地图页面具有唯一的标识id和心跳参数；C.连接成功后，web地图页面设置一个订阅主题并向后台服务器发送订阅消息请求，后台服务器接收web地图页面的订阅；D.当停车场中停车数据发生变化时即上报后台服务器发出数据改变通知，后台服务器接收到数据改变通知后判断车位是否发生变化，并仅在车位发生变化时设置与web地图页面相同的订阅主题和消息内容并通过消息服务推送至web地图页面；E.web地图页面接收到推送消息后，若判定该消息主题是当前页面的请求则解析消息内容并进入步骤F；F.获取地图上所有标注点信息，根据标注点的位置判断当前需要更新的标注点是否存在；G.如果该标注点已存在，则移除原有的车位备注信息并更新为新收到的车位备注信息，若不存在则忽略。

【技术特征摘要】
1.一种实时更新地图中停车场标注显示信息的方法，其特征在于，包括以下步骤：A.web地图页面请求后台服务器接口获取到当前需要标注的停车场标注点列表并绘制到地图上且各标注点上均有车位备注信息；B.web地图页面通过mqtt协议跟后台服务器建立连接，其中，各客户端的所述web地图页面具有唯一的标识id和心跳参数；C.连接成功后，web地图页面设置一个订阅主题并向后台服务器发送订阅消息请求，后台服务器接收web地图页面的订阅；D.当停车场中停车数据发生变化时即上报后台服务器发出数据改变通知，后台服务器接收到数据改变通知后判断车位是否发生变化，并仅在车位发生变化时设置与web地图页面相同的订阅主题和消息内容并通过消息服务推送至web地图页面；E.web地图页面接收到推送消息后，若判定该消息主题是当前页面的请求则解析消息内容并进入步骤F；F.获取地图上所有标注点信息，根据标注点的位置判断当前需要更新的标注点是否存在；G.如果该标注点已存在，则移除原有的车位备注信息并更新为新收到的车位备注信息，若不存在则忽略。2.根据权利要求1所述的一种实时更新地图中停车场标注显示信息的方法，其特征在于，所述步骤A中在地图上绘制标注点时，剩余泊位数量属于不同范围的标注点其显示颜色不相同。3.根据权利要求2所述的一种实时更新地图...

【专利技术属性】
技术研发人员：余锡娟，
申请(专利权)人：四川长虹电器股份有限公司，
类型：发明
国别省市：四川,51