一种移动端web地图的显示方法及系统技术方案

本发明专利技术涉及一种移动端web地图的显示方法及系统，该方法包括：判定用户的浏览请求中地图比例尺大于设定阈值时，向栅格瓦片服务器发送对应的栅格瓦片的地图数据的请求；栅格服务器判断本地是否存储有浏览请求对应的栅格瓦片的地图数据，是，返回该栅格瓦片的地图数据；否，向MVT(Mapbox Vector Tile，地图盒子矢量瓦片)服务器请求制作该栅格瓦片，制作完成后栅格服务器存储该栅格瓦片的地图数据并向客户端返回该栅格瓦片的地图数据；客户端根据接收到的栅格瓦片的地图数据绘制地图并显示。将栅格瓦片引入Mapbox地图的大比例尺显示中，栅格瓦片由服务端利用MVT地图数据动态生成，可以在不损失地图显示效果的前提下有效的解决在移动端大比例尺地图显示速度慢的问题。

A display method and system of mobile web map

【技术实现步骤摘要】
一种移动端web地图的显示方法及系统
本专利技术涉及web地图领域，尤其涉及一种移动端web地图的显示方法及系统。
技术介绍
网络地图瓦片服务(webmaptileservice)是一种基于瓦片的网络地图服务，它以瓦片为单位组织地图数据，用户依据所需空间范围获取地图瓦片数据，实现对局部地图的快速访问。栅格瓦片是将图像切割成一个个JPEG或PNG图片，而矢量图层具有多种编码格式，如shapefile、GeoJSON等。为了节省存储空间和方便管理，Mapbox制定了一种矢量瓦片数据的编码方法：VectorTile规范，可以在节省空间的同时实现地图的快速绘制与属性数据的快速查询。但是目前在移动端web上采用Mapbox技术显示web地图时，在大比例尺存在数据量大、显示计算量大和地图移动缓慢的问题。
技术实现思路
本专利技术针对现有技术中存在的技术问题，提供一种移动端web地图的显示方法及系统。本专利技术解决上述技术问题的技术方案如下：一种移动端web地图的显示方法，所述方法包括：步骤1，判定用户的浏览请求中地图比例尺大于设定阈值时，向栅格瓦片服务器发送对应的栅格瓦片的地图数据的请求；步骤2，所述栅格服务器判断本地是否存储有所述浏览请求对应的所述栅格瓦片的地图数据，是，返回所述栅格瓦片的地图数据；否，向MVT服务器请求制作所述栅格瓦片，制作完成后所述栅格服务器存储所述栅格瓦片的地图数据并向所述客户端返回所述栅格瓦片的地图数据；步骤3，所述客户端根据接收到的所述栅格瓦片的地图数据绘制地图并显示。一种移动端web地图的显示系统，所述显示系统包括：互相通信连接的客户端、栅格服务器和MVT服务器；所述客户端接收用户的浏览请求，判定所述浏览请求中地图比例尺大于设定阈值时，向栅格瓦片服务器发送对应的栅格瓦片的地图数据的请求；根据接收到的地图数据绘制地图并显示；所述栅格服务器接收到所述客户端发送的所述栅格瓦片的地图数据的请求时，判断本地是否存储有所述浏览请求对应的所述栅格瓦片的地图数据，是，向所述客户端返回所述栅格瓦片的地图数据；否，向MVT服务器发送请求制作该栅格瓦片；接收所述MVT服务器制作的所述栅格瓦片后存储所述栅格瓦片的地图数据并向所述客户端返回所述栅格瓦片的地图数据；所述MVT服务器，在收到所述栅格服务器的栅格瓦片制作请求后，返回所述栅格瓦片对应的MVT数据制作所述栅格瓦片并传送给所述栅格瓦片服务器。本专利技术的有益效果是：将栅格瓦片引入Mapbox地图的大比例尺显示中，栅格瓦片由服务端利用MVT地图数据动态生成，栅格瓦片的地图数据具有数据量小、显示计算量小，地图移动快速的特点，可以在不损失地图显示效果的前提下有效的解决在移动端大比例尺Mapbox地图显示速度慢的问题。在上述技术方案的基础上，本专利技术还可以做如下改进。进一步，所述步骤1还包括：判定所述浏览请求中所述地图比例尺小于等于所述设定阈值时，向所述MVT服务器请求对应的MVT地图数据，所述MVT服务器找到对应的MVT地图数据后向所述客户端返回MVT地图数据，所述客户端根据所述MVT地图数据，按照MVT方式绘制地图并显示。所述地图比例尺的阈值大小根据地图所属区域的大小或用户习惯调节设置。所述步骤2中所述栅格服务器向所述MVT服务器请求制作所述栅格瓦片的地图数据时，向所述客户端返回栅格瓦片制作中的信息，所述客户端绘制瓦片网格线。所述步骤2中所述MVT服务器接受所述栅格瓦片服务器的请求制作所述栅格瓦片的地图数据的过程包括：步骤201，创建对应的栅格瓦片的制作进程；步骤202，所述MVT服务器向所述制作进程返回对应的所述栅格瓦片的MVT数据；步骤203，所述制作进程根据返回的所述MVT数据制作所述栅格瓦片并传送给所述栅格瓦片服务器；步骤204，所述栅格瓦片服务器收到并保存所述栅格瓦片的地图数据后退出所述制作进程。所述客户端判定用户的浏览请求中地图比例尺小于等于设定阈值时，向所述MVT服务器发送对应的MVT地图数据的请求，所述MVT服务器找到对应的MVT地图数据后向所述客户端返回所述MVT地图数据。所述客户端接收到所述栅格服务器发送的栅格瓦片的地图数据时，根据所述栅格瓦片的地图数据绘制地图并显示；所述客户端接收到所述MVT服务器发送的MVT地图数据时，根据所述MVT地图数据，按照MVT方式绘制地图并显示。所述MVT服务器接受所述栅格瓦片服务器的请求制作所述栅格瓦片的地图数据后，创建对应的栅格瓦片的制作进程，向所述制作进程返回对应的所述栅格瓦片的MVT数据，所述制作进程根据返回的所述MVT数据制作所述栅格瓦片并传送给所述栅格瓦片服务器。采用上述进一步方案的有益效果是，地图比例尺的阈值大小可以根据需要灵活设置，可以在地图所属城市较大时，适当增大该设定阈值，减小栅格瓦片服务器的存储压力；也可以根据用户习惯，考虑栅格瓦片服务器的存储和交互能力的情况下设置一个合适的阈值。用户发送浏览请求时才生成对应的栅格瓦片的地图数据并存储，没有用户浏览的区域不用生成对应的栅格瓦片的地图数据；而用户浏览较多的区域早期就已经生成了对应的栅格瓦片的地图数据，请求数据到达的速度较快，尽量减小栅格瓦片的存储压力的同时可以较好的满足用户的需求。附图说明图1为本专利技术提供的一种移动端web地图的显示方法的流程图；图2为本专利技术提供的一种移动端web地图的显示系统的结构框图；图3为本专利技术提供的一种移动端web地图的显示系统的实施例包含的单元之间的交互流程图。附图中，各标号所代表的部件列表如下：1、客户端，2、栅格瓦片服务器，3、MVT服务器。具体实施方式以下结合附图对本专利技术的原理和特征进行描述，所举实例只用于解释本专利技术，并非用于限定本专利技术的范围。本专利技术提供一种移动端web地图的显示方法，如图1所示为本专利技术提供的一种移动端web地图的显示方法的流程图，由图1可知，该方法包括：步骤1，判定用户的浏览请求中地图比例尺大于设定阈值时，向栅格瓦片服务器发送对应的栅格瓦片的地图数据的请求。步骤2，栅格服务器判断本地是否存储有浏览请求对应的栅格瓦片的地图数据，是，返回该栅格瓦片的地图数据；否，向MVT服务器请求制作该栅格瓦片，制作完成后栅格服务器存储该栅格瓦片的地图数据并向客户端返回该栅格瓦片的地图数据。步骤3，客户端根据接收到的栅格瓦片的地图数据绘制地图并显示。本专利技术提供的一种移动端web地图的显示方法，将栅格瓦片引入Mapbox地图的大比例尺显示中，栅格瓦片由服务端利用MVT地图数据动态生成，栅格瓦片的地图数据具有数据量小、显示计算量小，地图移动快速的特点，可以在不损失地图显示效果的前提下有效的解决在移动端大比例尺Mapbox地图显示速度慢的问题。实施例1本专利技术提供的实施例1为本专利技术提供的一种移动端web地图的显示方法的实施例，该移动端web地图的显示方法的实施例包括：步骤1，判定用户的浏览请求中地图比例尺大于设定阈值时，向栅格瓦片服务器发送对应的栅格瓦片的地图数据的请求。用户在客户端进行web地图的浏览操作时，可以根据用户的操作指令判断浏览请求中的地图比例尺的大小。进一步的，步骤1还包括：判定浏览请求中地图比例尺小于等于设定阈值时，向MVT服务器请求对应的MVT地图数据，MVT服务器找到对应的MVT地图数据后向客户端返回该M本文档来自技高网...

【技术保护点】
1.一种移动端web地图的显示方法，其特征在于，所述方法包括：步骤1，判定用户的浏览请求中地图比例尺大于设定阈值时，向栅格瓦片服务器发送对应的栅格瓦片的地图数据的请求；步骤2，所述栅格服务器判断本地是否存储有所述浏览请求对应的所述栅格瓦片的地图数据，是，返回所述栅格瓦片的地图数据；否，向MVT服务器请求制作所述栅格瓦片，制作完成后所述栅格服务器存储所述栅格瓦片的地图数据并向所述客户端返回所述栅格瓦片的地图数据；步骤3，所述客户端根据接收到的所述栅格瓦片的地图数据绘制地图并显示。

【技术特征摘要】
1.一种移动端web地图的显示方法，其特征在于，所述方法包括：步骤1，判定用户的浏览请求中地图比例尺大于设定阈值时，向栅格瓦片服务器发送对应的栅格瓦片的地图数据的请求；步骤2，所述栅格服务器判断本地是否存储有所述浏览请求对应的所述栅格瓦片的地图数据，是，返回所述栅格瓦片的地图数据；否，向MVT服务器请求制作所述栅格瓦片，制作完成后所述栅格服务器存储所述栅格瓦片的地图数据并向所述客户端返回所述栅格瓦片的地图数据；步骤3，所述客户端根据接收到的所述栅格瓦片的地图数据绘制地图并显示。2.根据权利要求1所述的方法，其特征在于，所述步骤1还包括：判定所述浏览请求中所述地图比例尺小于等于所述设定阈值时，向所述MVT服务器请求对应的MVT地图数据，所述MVT服务器找到对应的MVT地图数据后向所述客户端返回MVT地图数据；所述客户端根据所述MVT地图数据，按照MVT方式绘制地图并显示。3.根据权利要求1或2所述的方法，其特征在于，所述地图比例尺的阈值大小根据地图所属区域的大小或用户习惯调节设置。4.根据权利要求1所述的方法，其特征在于，所述步骤2中所述栅格服务器向所述MVT服务器请求制作所述栅格瓦片的地图数据时，所述栅格服务器向所述客户端返回栅格瓦片制作中的信息，所述客户端绘制瓦片网格线。5.根据权利要求1所述的方法，其特征在于，所述步骤2中所述MVT服务器接受所述栅格瓦片服务器的请求制作所述栅格瓦片的地图数据的过程包括：步骤201，创建对应的栅格瓦片的制作进程；步骤202，所述MVT服务器向所述制作进程返回对应的所述栅格瓦片的MVT数据；步骤203，所述制作进程根据返回的所述MVT数据制作所述栅格瓦片并传送给所述栅格瓦片服务器；步骤204，所述栅格瓦片服务器收到并保存所述栅格瓦片的地图数据后退出所述制作进程。6.一种移动端web地图的显示系统，其特征在于，所述显示系统包括：...

【专利技术属性】
技术研发人员：李森林，余俊，蔡春亮，
申请(专利权)人：武汉光庭信息技术股份有限公司，
类型：发明
国别省市：湖北,42