CN112685679B - 一种基于地图api的大范围一张网网页拼接显示方法 - Google Patents

Abstract

本发明提供一种基于地图API的大范围一张网网页拼接显示方法。所述基于地图API的大范围一张网网页拼接显示方法，包括以下操作步骤：S1、项目前期根据项目规模与最佳一张网可视效果确定屏幕矩阵数量monitorXQ*monitorYQ，并从项目系统中得到设备的最大经纬度与最小经纬度lonMax、lonMin、latMax、latMin的值，根据实际项目需要确定上下左右的其他功能区保留X0、X1、Y0、Y1。本发明提供的基于地图API的大范围一张网网页拼接显示方法具有，通过在每块显示区域单独绘制地图，然后把各屏幕绘制的地图按经纬度相邻拼接起来形成一个完整的地图显示，用拼接方法解决显示区域小的问题，对显卡和显示技术要求较低，进而能够满足大项目的显示需求。

Description

一种基于地图API的大范围一张网网页拼接显示方法

技术领域

本发明涉及地图API函数应用领域，尤其涉及一种基于地图API的大范围一张网网页拼接显示方法。

背景技术

API是一些预先定义的接口(如函数、HTTP接口)，或指软件系统不同组成部分衔接的约定，用来提供应用程序与开发人员基于某软件或硬件得以访问的一组例程，而又无需访问源码，或理解内部工作机制的细节，操作系统是用户与计算机硬件系统之间的接口，用户通过操作系统的帮助，可以快速、有效和安全、可靠地操纵计算机系统中的各类资源，以处理自己的程序。

随着一张网概念被运用到越来越多的领域，项目涵盖范围越来越广、区域越来越大，目前在地图API的应用过程中仍存在明显的缺陷：受如今显卡与显示屏技术上限的影响，地图应用程序接口所能精细显示的区域不能满足大项目的要求。

因此，有必要提供一种基于地图API的大范围一张网网页拼接显示方法解决上述技术问题。

发明内容

本发明提供一种基于地图API的大范围一张网网页拼接显示方法，解决了地图应用程序接口所能精细显示的区域不能满足大项目的要求的问题。

为解决上述技术问题，本发明提供的基于地图API的大范围一张网网页拼接显示方法，包括以下操作步骤：

S1、项目前期根据项目规模与最佳一张网可视效果确定屏幕矩阵数量monitorXQ*monitorYQ，并从项目系统中得到设备的最大经纬度与最小经纬度lonMax、lonMin、latMax、latMin的值，根据实际项目需要确定上下左右的其他功能区保留X0、X1、Y0、Y1，调用系统函数得到屏幕的分辨率数据a*b，设置屏幕编号与屏幕坐标相对应，屏幕编号为显卡输出编号，屏幕坐标为实际显示矩阵的排列序数；

S2、页面分别加载设备地图，设备地图加载完成后拾取自己屏幕对应的东北与西南经纬度坐标计算得到地图经度差值mapLon与纬度差值mapLat，得到地图中心点经纬度坐标，把中心点经纬度坐标通过API函数转化为中心点像素坐标，从而可得项目地图的各显示屏所对应像素mapA*mapB，计算得到每经度对应的像素

每像素对应纬度

S3、计算得到显示矩阵中每块显示屏的项目地图的显示中心点经纬度，地图API以地图显示中心点经纬度为依据加载地图，各矩阵显示中心点经度计算方式：

式中monitorX为横向屏幕序数每个屏幕对应的值在S1中设定，简化程序得到

当monitorX＝monitorXQ即最后一块屏幕时，中心点经度需要去掉一半的右侧保留值对应的地图经度，得到的中心点经度为：

简化公式得到

同理纬度中心点的计算：

简化公式得到

式中monitorY为纵向屏幕序数每个屏幕对应的值在S1中设定；

当monitorY＝monitorYQ时屏幕加载地图中心点的纬度为：

简化公式得到

S4、显示一张网地图并实现地图的联动，当页面监测到设备地图移动时页面发送移动量经纬度与屏幕编号到服务器端，服务器端收到数据时通过WebSocket传至各屏幕显示的网页中，网页判断该屏幕编号是不是本显示端屏幕编号，如果是放弃移动，如果不是则根据移动量经纬度数据移动响应设备地图。

优选的，所述S1中monitorXQ为横向屏幕总数(固定值显示矩阵固定值)、monitorYQ为纵向屏幕总数(固定值显示矩阵固定值)、a为分辨率宽度(固定值可函数获得)、b为分辨率高度(固定值可函数获得)、X0为拼接左侧保留(随意固定值)、X1为拼接右侧保留(随意固定值)、Y0为拼接上侧保留(随意固定值)、Y1为拼接下侧保留(随意固定值)、lonMin为项目的最小经度(固定值从系统中得到)、lonMax为项目的最大经度(固定值从系统中得到)、latMin为项目的最小纬度(固定值从系统中得到)、latMax为项目的最大纬度(固定值从系统中得到)，当X0、X1、Y0、Y1取值都为0时设备地图满屏显示。

优选的，所述S2中mapLon为网页加载地图经度差值地图API函数中得到)、mapLat为网页加载地图纬度差值(地图API函数中得到)、mapA为网页加载地图的宽度像素值(地图API函数计算得到)、mapB为网页加载地图的高度像素值(地图API函数计算得到)、C为每经度对应宽度像素、D为每纬度对应高度像素。

优选的，用于所述S3中显示项目地图的显示屏，所述显示屏包括主体，所述主体的背面固定连接有连接件，所述连接件的底部开设有伸缩槽，所述伸缩槽的内部设置有支撑结构，所述支撑结构包括支撑座。

所述伸缩槽内表面的两侧均连通有卡槽，所述伸缩槽内表面顶部的两侧均固定连接有限位杆，所述限位杆的外部与所述支撑座的内部滑动连接。

所述支撑座的内部开设有凹槽，所述凹槽内部的两侧均固定连接有固定杆，所述固定杆的外表面套接有卡接块，所述固定杆的外表面且位于所述卡接块的一侧套接有弹性件。

所述凹槽的内部滑动连接有挤压块，所述挤压块的两侧分别与所述卡接块的一侧贴合，所述挤压块的底部固定连接有连接杆。

所述连接杆的外表面且位于所述挤压块的底部套接有支撑弹簧，所述连接杆外部的一侧固定连接有按动件，所述按动件的一端贯穿所述支撑座的外部。

所述支撑座的外部与所述伸缩槽的内部滑动连接，所述卡接块的外部与所述卡槽的内部卡接。

与相关技术相比较，本发明提供的基于地图API的大范围一张网网页拼接显示方法具有如下有益效果：

本发明提供一种基于地图API的大范围一张网网页拼接显示方法，该方法在使用时，能够根据实际需要确定显示矩阵显示屏数量，布置显示屏并固定显卡输出对应相应显示屏上，使用工具得到各显示屏对应的显卡输出编号并保存至本系统中，确定项目的地图最佳精细显示缩放级别并保存系统中，打开浏览器使各显示屏分别加载设备地图，系统根据相应的显示屏调整地图，使显示矩阵显示大范围连续的一张网设备地图，添加地图移动跟随：当浏览器监测到地图发生移动后，计算相应的移动经纬度差值，把移动差值发送至服务器，服务器根据WebSocket传送移动经纬度差值到其他显示屏打开的网页上，网页根据经纬度差值跳转至相应位置使显示矩阵的其他设备地图跟随移动，在每块显示区域单独绘制地图，然后把各屏幕绘制的地图按经纬度相邻拼接起来形成一个完整的地图显示，用拼接方法解决显示区域小的问题，对显卡和显示技术要求较低，进而能够满足大项目的显示需求。

附图说明

图1为本发明提供的基于地图API的大范围一张网网页拼接显示方法中页面地图一张网拼接技术实现流程图；

图2为本发明提供的基于地图API的大范围一张网网页拼接显示方法中各屏幕页面加载地图计算中心点经纬度流程图；

图3为本发明提供的基于地图API的大范围一张网网页拼接显示方法中屏幕矩阵拼接与显卡输出编号对应示意图；

图4为本发明提供的基于地图API的大范围一张网网页拼接显示方法中屏幕矩阵拼接一张网地图示意图；

图5为本发明提供的基于地图API的大范围一张网网页拼接显示方法中各屏幕显示设备地图中心点的具体计算示意图；

图6为本发明提供的基于地图API的大范围一张网网页拼接显示方法中显示屏外部的结构示意图；

图7为图6中所示的连接件内部的结构示意图；

图8为图7中所示的A部放大示意图。

图中标号：1、主体，2、连接件，3、伸缩槽，4、支撑结构，41、支撑座，42、凹槽，43、固定杆，44、卡接块，45、弹性件，46、挤压块，47、连接杆，48、支撑弹簧，49、按动件，5、卡槽，6、限位杆。

具体实施方式

下面结合附图和实施方式对本发明作进一步说明。

请结合参阅图1、图2、图3、图4、图5、图6、图7和图8，其中，图1为本发明提供的基于地图API的大范围一张网网页拼接显示方法中页面地图一张网拼接技术实现流程图；图2为本发明提供的基于地图API的大范围一张网网页拼接显示方法中各屏幕页面加载地图计算中心点经纬度流程图；图3为本发明提供的基于地图API的大范围一张网网页拼接显示方法中屏幕矩阵拼接与显卡输出编号对应示意图；图4为本发明提供的基于地图API的大范围一张网网页拼接显示方法中屏幕矩阵拼接一张网地图示意图；图5为本发明提供的基于地图API的大范围一张网网页拼接显示方法中各屏幕显示设备地图中心点的具体计算示意图；图6为本发明提供的基于地图API的大范围一张网网页拼接显示方法中显示屏外部的结构示意图；图7为图6中所示的连接件内部的结构示意图；图8为图7中所示的A部放大示意图。基于地图API的大范围一张网网页拼接显示方法，包括以下操作步骤：

S1、项目前期根据项目规模与最佳一张网可视效果确定屏幕矩阵数量monitorXQ*monitorYQ，并从项目系统中得到设备的最大经纬度与最小经纬度lonMax、lonMin、latMax、latMin的值，根据实际项目需要确定上下左右的其他功能区保留X0、X1、Y0、Y1，调用系统函数得到屏幕的分辨率数据a*b，设置屏幕编号与屏幕坐标相对应，屏幕编号为显卡输出编号，屏幕坐标为实际显示矩阵的排列序数；

S2、页面分别加载设备地图，设备地图加载完成后拾取自己屏幕对应的东北与西南经纬度坐标计算得到地图经度差值mapLon与纬度差值mapLat，得到地图中心点经纬度坐标，把中心点经纬度坐标通过API函数转化为中心点像素坐标，从而可得项目地图的各显示屏所对应像素mapA*mapB，计算得到每经度对应的像素

每像素对应纬度

S3、计算得到显示矩阵中每块显示屏的项目地图的显示中心点经纬度，地图API以地图显示中心点经纬度为依据加载地图，各矩阵显示中心点经度计算方式：

式中monitorX为横向屏幕序数每个屏幕对应的值在S1中设定，简化程序得到

当monitorX＝monitorXQ即最后一块屏幕时，中心点经度需要去掉一半的右侧保留值对应的地图经度，得到的中心点经度为：

简化公式得到

同理纬度中心点的计算：

简化公式得到

式中monitorY为纵向屏幕序数每个屏幕对应的值在S1中设定；

当monitorY＝monitorYQ时屏幕加载地图中心点的纬度为：

简化公式得到

S4、显示一张网地图并实现地图的联动，当页面监测到设备地图移动时页面发送移动量经纬度与屏幕编号到服务器端，服务器端收到数据时通过WebSocket传至各屏幕显示的网页中，网页判断该屏幕编号是不是本显示端屏幕编号，如果是放弃移动，如果不是则根据移动量经纬度数据移动响应设备地图。

所述S1中monitorXQ为横向屏幕总数(固定值显示矩阵固定值)、monitorYQ为纵向屏幕总数(固定值显示矩阵固定值)、a为分辨率宽度(固定值可函数获得)、b为分辨率高度(固定值可函数获得)、X0为拼接左侧保留(随意固定值)、X1为拼接右侧保留(随意固定值)、Y0为拼接上侧保留(随意固定值)、Y1为拼接下侧保留(随意固定值)、lonMin为项目的最小经度(固定值从系统中得到)、lonMax为项目的最大经度(固定值从系统中得到)、latMin为项目的最小纬度(固定值从系统中得到)、latMax为项目的最大纬度(固定值从系统中得到)，当X0、X1、Y0、Y1取值都为0时设备地图满屏显示。

所述S2中mapLon为网页加载地图经度差值地图API函数中得到)、mapLat为网页加载地图纬度差值(地图API函数中得到)、mapA为网页加载地图的宽度像素值(地图API函数计算得到)、mapB为网页加载地图的高度像素值(地图API函数计算得到)、C为每经度对应宽度像素、D为每纬度对应高度像素。

用于所述S3中显示项目地图的显示屏，所述显示屏包括主体1，所述主体1的背面固定连接有连接件2，所述连接件2的底部开设有伸缩槽3，所述伸缩槽3的内部设置有支撑结构4，所述支撑结构4包括支撑座41。

所述伸缩槽3内表面的两侧均连通有卡槽5，所述伸缩槽3内表面顶部的两侧均固定连接有限位杆6，所述限位杆6的外部与所述支撑座41的内部滑动连接。

所述支撑座41的内部开设有凹槽42，所述凹槽42内部的两侧均固定连接有固定杆43，所述固定杆43的外表面套接有卡接块44，所述固定杆43的外表面且位于所述卡接块44的一侧套接有弹性件45。

所述凹槽42的内部滑动连接有挤压块46，所述挤压块46的两侧分别与所述卡接块44的一侧贴合，所述挤压块46的底部固定连接有连接杆47。

所述连接杆47的外表面且位于所述挤压块46的底部套接有支撑弹簧48，所述连接杆47外部的一侧固定连接有按动件49，所述按动件49的一端贯穿所述支撑座41的外部。

所述支撑座41的外部与所述伸缩槽3的内部滑动连接，所述卡接块44的外部与所述卡槽5的内部卡接。

支撑座41由支撑柱和底座组成，其中支撑柱的外部与伸缩槽3的内部滑动连接，两个限位杆6分别位于伸缩槽3内部的左右两侧，且在支撑座41的内部设置有与限位杆6适配的槽，通过两个限位杆6分别对支撑座41内部的左右两侧起到限位作用，使得支撑座41能够稳定的在伸缩槽3内部上下移动，两个固定杆43分别位于凹槽42内部的左右两侧，与卡接块44的外部滑动连接，对卡接块44起到限位作用，可以在凹槽42内部水平方向上移动，弹性件45为卡接块44提供弹力支持，且弹性件45的一端与卡接块44的一侧固定连接，卡接块44向外部延伸时能够拉伸弹性件45伸长，挤压块46的左右两侧设置有与卡接块44一侧适配的斜面，且挤压块46的左右两侧分别与两个卡接块44的一侧保持贴合，通过挤压块46在竖直方向上移动，能够向左右两侧挤压卡接块44，支撑弹簧48为连接杆47提供弹力支持，在挤压块46向下移动时，可以挤压支撑弹簧48收缩，在外部按动该按动件49，使得连接杆47可以移动，卡接块44与卡槽5适配设置，卡槽5分别位于伸缩槽3内部的左右两侧，且呈均匀分布，通过设置该支撑结构4，主要为主体1提供支撑，同时还具有伸缩功能，在需要搬运显示屏时，可以通过将支撑座41调节至最低距离，将其收缩至伸缩槽3内部，进而降低了主体1的高度，有效的避免在搬运时因碰撞而导致支撑座41收缩损坏的情况，同时人们还可以根据个人使用习惯，将卡接块44与不同位置的卡槽5卡接实现对主体的高度调节，使得显示屏在使用时更加灵活、更加方便。

本发明提供的基于地图API的大范围一张网网页拼接显示方法的工作原理如下：

在使用时，能够根据实际需要确定显示矩阵显示屏数量，布置显示屏并固定显卡输出对应相应显示屏上，使用工具得到各显示屏对应的显卡输出编号并保存至本系统中，确定项目的地图最佳精细显示缩放级别并保存系统中，打开浏览器使各显示屏分别加载设备地图，系统根据相应的显示屏调整地图，使显示矩阵显示大范围连续的一张网设备地图，添加地图移动跟随：当浏览器监测到地图发生移动后，计算相应的移动经纬度差值，把移动差值发送至服务器，服务器根据WebSocket传送移动经纬度差值到其他显示屏打开的网页上，网页根据经纬度差值跳转至相应位置使显示矩阵的其他设备地图跟随移动。

与相关技术相比较，本发明提供的基于地图API的大范围一张网网页拼接显示方法具有如下有益效果：

该方法能够根据实际需要确定显示矩阵显示屏数量，布置显示屏并固定显卡输出对应相应显示屏上，使用工具得到各显示屏对应的显卡输出编号并保存至本系统中，确定项目的地图最佳精细显示缩放级别并保存系统中，打开浏览器使各显示屏分别加载设备地图，系统根据相应的显示屏调整地图，使显示矩阵显示大范围连续的一张网设备地图，添加地图移动跟随：当浏览器监测到地图发生移动后，计算相应的移动经纬度差值，把移动差值发送至服务器，服务器根据WebSocket传送移动经纬度差值到其他显示屏打开的网页上，网页根据经纬度差值跳转至相应位置使显示矩阵的其他设备地图跟随移动，在每块显示区域单独绘制地图，然后把各屏幕绘制的地图按经纬度相邻拼接起来形成一个完整的地图显示，用拼接方法解决显示区域小的问题，对显卡和显示技术要求较低，进而能够满足大项目的显示需求。

以上所述仅为本发明的实施例，并非因此限制本发明的专利范围，凡是利用本发明说明书及附图内容所作的等效结构或等效流程变换，或直接或间接运用在其它相关的技术领域，均同理包括在本发明的专利保护范围内。

Claims (7)

1.一种基于地图API的大范围一张网网页拼接显示方法，其特征在于，包括以下操作步骤：

S1、项目前期根据项目规模与最佳一张网可视效果确定屏幕矩阵数量monitorXQ*monitorYQ，并从项目系统中得到设备的最大经纬度与最小经纬度lonMax、lonMin、latMax、latMin的值，根据实际项目需要确定上下左右的其他功能区保留X0、X1、Y0、Y1，调用系统函数得到屏幕的分辨率数据a*b，设置屏幕编号与屏幕坐标相对应，屏幕编号为显卡输出编号，屏幕坐标为实际显示矩阵的排列序数；

S2、页面分别加载设备地图，设备地图加载完成后拾取自己屏幕对应的东北与西南经纬度坐标计算得到地图经度差值mapLon与纬度差值mapLat，得到地图中心点经纬度坐标，把中心点经纬度坐标通过API函数转化为中心点像素坐标，从而可得项目地图的各显示屏所对应像素mapA*mapB，其中，mapA为网页加载地图的宽度像素值、mapB为网页加载地图的高度像素值，C为每经度对应宽度像素、D为每纬度对应高度像素，计算得到每经度对应的像素

每像素对应纬度

S3、计算得到显示矩阵中每块显示屏的项目地图的显示中心点经纬度，地图API以地图显示中心点经纬度为依据加载地图，各矩阵显示中心点经度计算方式：

式中monitorX为横向屏幕序数，每个屏幕对应的值在S1中设定，简化程序得到

当monitorX＝monitorXQ即最后一块屏幕时，中心点经度需要去掉一半的右侧保留值对应的地图经度，得到的中心点经度为：

简化公式得到

同理纬度中心点的计算：

简化公式得到

式中monitorY为纵向屏幕序数，每个屏幕对应的值在S1中设定；

当monitorY＝monitorYQ时屏幕加载地图中心点的纬度为：

简化公式得到

S4、显示一张网地图并实现地图的联动，当页面监测到设备地图移动时页面发送移动量经纬度与屏幕编号到服务器端，服务器端收到数据时通过WebSocket传至各屏幕显示的网页中，网页判断该屏幕编号是否为本显示端屏幕编号，是则放弃移动，反之则根据移动量经纬度数据移动响应设备地图；

其中，所述S1中monitorXQ为横向屏幕总数、monitorYQ为纵向屏幕总数、a为分辨率宽度、b为分辨率高度、X0为拼接左侧保留、X1为拼接右侧保留、Y0为拼接上侧保留、Y1为拼接下侧保留、lonMin为项目的最小经度、lonMax为项目的最大经度、latMin为项目的最小纬度、latMax为项目的最大纬度，当X0、X1、Y0、Y1取值都为0时设备地图满屏显示。

2.根据权利要求1所述的基于地图API的大范围一张网网页拼接显示方法，其特征在于，用于所述S3中显示项目地图的显示屏，所述显示屏包括主体，所述主体的背面固定连接有连接件，所述连接件的底部开设有伸缩槽，所述伸缩槽的内部设置有支撑结构，所述支撑结构包括支撑座。

3.根据权利要求2所述的基于地图API的大范围一张网网页拼接显示方法，其特征在于，所述伸缩槽内表面的两侧均连通有卡槽，所述伸缩槽内表面顶部的两侧均固定连接有限位杆，所述限位杆的外部与所述支撑座的内部滑动连接。

4.根据权利要求3所述的基于地图API的大范围一张网网页拼接显示方法，其特征在于，所述支撑座的内部开设有凹槽，所述凹槽内部的两侧均固定连接有固定杆，所述固定杆的外表面套接有卡接块，所述固定杆的外表面且位于所述卡接块的一侧套接有弹性件。

5.根据权利要求4所述的基于地图API的大范围一张网网页拼接显示方法，其特征在于，所述凹槽的内部滑动连接有挤压块，所述挤压块的两侧分别与所述卡接块的一侧贴合，所述挤压块的底部固定连接有连接杆。

6.根据权利要求5所述的基于地图API的大范围一张网网页拼接显示方法，其特征在于，所述连接杆的外表面且位于所述挤压块的底部套接有支撑弹簧，所述连接杆外部的一侧固定连接有按动件，所述按动件的一端贯穿所述支撑座的外部。

7.根据权利要求6所述的基于地图API的大范围一张网网页拼接显示方法，其特征在于，所述支撑座的外部与所述伸缩槽的内部滑动连接，所述卡接块的外部与所述卡槽的内部卡接。

Images