1.本发明涉及智港口物流技术领域的技术领域，具体的涉及一种广西集装箱堆场箱位动态规划展示与移动端的即时导览方法、系统。
2.港口码头的平面图会显示固定堆场及堆场周围固定建筑，如图1所示。港口码头包含大型固定堆场，区域内号码如11，13等。固定堆场区域很大，更大长度可以达100米至200米；还包含中型固定堆场，标注号码为3a， 3b等。此外，还设计有可通行道路或区域。此外还包括港口的建筑和指定的出入口。
3.司机的每次作业任务会收到指定箱位号如“113924”。箱位号“abcdef”，“ab”即为堆场号码，如“11”，“13”。“cd”位堆场中“倍位”号码。如“11”堆场中最小“倍位”为“01”，更大“倍位”为“61”。根据“倍位”号(如图2所示)，可以帮助选择不同的绕行线路，更快的找到指定的作业位置。
4.根据不同时间段安排的作业任务不同，码头还会规划临时堆场。临时堆场区域一般比较小，位置随机不固定。临时堆场的位置与编号由现场管理员根据实地区域来划分位置与大小。如图3中“1c”为临时的堆场编号。临时堆场的规划操作频繁，经常是隔几日就需要根据任务安排进行规划操作。当司机会收到“1c3501”的箱号指引时(如图4中张小票所示)，司机需要前往“1c”指定的位置进行作业。
5.临时堆场的规划由港口现场管理员来规划，需要根据需要，即时进行调整，也即临时堆场的位置的选取，堆场大小的安排，堆场号码的指定，需要与港口内作业的生产系统相结合。同时，规划好之后，也需要即时的发布给现场作业的相关人员，如作业的司机，塔吊司机等。当临时堆场不需要的时候，或者场区大小需要改变时候，也需要即时通知给现场作业人员。
6.在码头作业的司机由与码头签约的车队指派，司机并不固定，作业位置也不固定。对于不熟悉堆场地图的司机，尤其是新手司机，很难高效的找到指定的位置。尤其对于临时规划的“临时堆场”，因为其动态、临时性，更增添了司机进场作业的难度，影响了整体作业效率。
7.司机在手机端可以使用高德、百度等电子地图，但是由于港口地区的特殊属性，在公开的地图上，以芜湖港为例，高德地图提供的地图如图5所示。图5(a)为高德提供的标准地图模式，(b)为公交地图模式，(c)为卫星地图模式。这三种模式，对于图1所示的港区平面图，缺少固定堆场信息，更无法对应如图3绘制标注的临时堆场区域。对于作业司机来讲，对于指定的箱位号，很难从手机地图上找到具体的位置显示，更别提利用手机来进行导航。
8.现场管理员需要解决问题：动态规划临时堆场区域，包括新增、修改、删除临时堆场区域，并给与指定编号；将临时堆场区域的变更实时更新给相关作业人员，如作业司机等；固定堆场的倍位信息(倍位大小，编号，方向等)如果发生改变，也需要同步给现场相关
人群。卡车司机需要解决问题：提供方便的堆场规划地图，包括进、出场位置及可作业区域等；对于固定堆场提供倍位信息；对应临时堆场，提供准确的堆场位置；提供方便的堆场地图，能够使用手机进行导航。
9.本发明实施例的目的是提供一种广西集装箱堆场箱位动态规划展示与移动端的即时导览方法、系统，该广西集装箱堆场箱位动态规划展示与移动端的即时导览方法、系统的管理员可以在地图中即时添加、修改、删除临时的堆场区域，司机可以利用手机获得新增临时堆场的位置，新增的临时堆场位置作为目标位置，并利用gps进行快速的导航。
10.为了实现上述目的，本发明实施例提供一种广西集装箱堆场箱位动态规划展示与移动端的即时导览方法，所述广西集装箱堆场箱位动态规划展示与移动端的即时导览方法包括：
13.在所述页面访问设备是电脑时，加载高分辨率第二层港区平面图和高分辨率第三层临时堆场图，其中，所述高分辨率第三层临时堆场图中的临时堆场由管理者绘制；
14.在所述页面访问设备是手机时，加载层电子地图、低分辨率第二层港区平面图和低分辨率第三层临时堆场图，其中，所述低分辨率第二层港区平面图与所述高分辨率第二层港区平面图仅分辨率不同，所述低分辨率第三层临时堆场图与所述高分辨率第三层临时堆场图仅分辨率不同；
15.获取所述手机的当前位置和目标位置，在所述手机端展示从所述当前位置至所述目标位置的指引路线，其中，所述指引路线规避所述高分辨率第二层港区平面图中不可通行区域和所述高分辨率第三层临时堆场图中的堆场。
18.优选地，所述低分辨率第三层临时堆场图与所述高分辨率第三层临时堆场图等比例缩放，其中，所述临时堆场在所述低分辨率第三层临时堆场图与所述高分辨率第三层临时堆场图中位置和大小相对应。
19.优选地，所述高分辨率第二层港区平面图与所述低分辨率第二层港区平面图中被配置有相同内容、大小比例固定堆场。
21.通过gps获取所述手机的当前位置，且所述当前位置能够在所述层电子地图、低分辨率第二层港区平面图和低分辨率第三层临时堆场图的叠加图中显示。
22.优选地，所述指引路线被配置为通过根据所述当前位置、目标位置和堆场的布局而确定。
23.优选地，所述获取所述手机的当前位置和目标位置，在所述手机端展示从所述当前位置至所述目标位置的指引路线.从手机获得的当前位置和目标位置，通过高低分辨率图像缩放比例找到高分辨率第二层港区平面图和高分辨率第三层临时堆场图上对应的高分辨率当前位置与高分辨率目标位置，对应到二维数组上相应的坐标；
25.使用a*算法获得在高分辨率第二层港区平面图和高分辨率第三层临时堆场图上的最短路线，再通过高低分辨率映射得到手机端的最短路线.另外，本发明还提供一种广西集装箱堆场箱位动态规划展示与移动端的即时导览系统，所述广西集装箱堆场箱位动态规划展示与移动端的即时导览系统包括：
27.位置设置单元，用于设置z-index调整以对齐图层上下层次的位置；
29.在所述页面访问设备是电脑时，加载高分辨率第二层港区平面图和高分辨率第三层临时堆场图，其中，所述高分辨率第三层临时堆场图中的临时堆场由管理者绘制；
30.在所述页面访问设备是手机时，加载层电子地图、低分辨率第二层港区平面图和低分辨率第三层临时堆场图，其中，所述低分辨率第二层港区平面图与所述高分辨率第二层港区平面图仅分辨率不同，所述低分辨率第三层临时堆场图与所述高分辨率第三层临时堆场图仅分辨率不同；
31.路线展示单元，用于获取所述手机的当前位置和目标位置，在所述手机端展示从所述当前位置至所述目标位置的指引路线，其中，所述指引路线规避所述高分辨率第二层港区平面图中不可通行区域和所述高分辨率第三层临时堆场图中的堆场。
32.另外，本发明还提供一种机器可读存储介质，该机器可读存储介质上存储有指令该指令用于使得机器执行上述的广西集装箱堆场箱位动态规划展示与移动端的即时导览方法。
33.另外，本发明还提供一种处理器，用于运行程序，其中，所述程序被运行时用于执行：如上述的广西集装箱堆场箱位动态规划展示与移动端的即时导览方法。
34.通过上述技术方案，本发明的管理员可以在复杂的港区地图中即时添加、修改、删除临时的堆场区域，司机可以使用手机等智能设备即时获得新增临时堆场位置。电脑端与手机端采用不同分辨率图片与不同展示方案，在快速获堆场位置的同时保证地图的清晰展示。同时，司机还可以在移动端利用 gps功能，从当前位置出发以新增的临时堆场位置作为目标位置，根据本系统建议的路线和gps的定位功能行进。
35.本发明实施例的其它特征和优点将在随后的具体实施方式部分予以详细说明。
36.附图是用来提供对本发明实施例的进一步理解，并且构成说明书的一部分，与下面的具体实施方式一起用于解释本发明实施例，但并不构成对本发明实施例的限制。在附图中：
47.图8(b)3为叠加图8(b)2中临时堆场后的可通行路线是手机端目标箱位路线是浏览器中堆场图层叠加示例；
54.图14是在1920像素宽度浏览器显示港口大图与临时堆场位置示意图；
55.图15是在1334像素宽度手机浏览器显示港口小图与图14中对应临时堆场位置示意图；
57.图17是手机端最终路线图(包括平面图、卫星地图与指引路线是路线的计算处理方法流程图；以及
59.图19通过a*算法得到最短路线.以下结合附图对本发明实施例的具体实施方式进行详细说明。应当理解的是，此处所描述的具体实施方式仅用于说明和解释本发明实施例，并不用于限制本发明实施例。
62.在司机手机端浏览器中显示的堆场导览图采用图10所示的三层叠加结构。从下自上第1层为电子卫星地图广西集装箱动态，第2层为低分辨率港区平面图，第3 层为显示临时堆场矩形框图层。三个图层在html页面上使用不同的 z-index值来实现区分。管理员使用的web浏览器，因为不需要导航定位功能，因此只需要包含第2、3层。整个临时堆场规划与手机端即时导览方法流程如图11所示。
63.判断页面访问设备是电脑或手机；其中，电脑需要管理员才能登录，手机端可以是司机用户登录。
64.在所述页面访问设备是电脑时，加载高分辨率第二层港区平面图和高分辨率第三层临时堆场图，其中，所述高分辨率第三层临时堆场图中的临时堆场由管理者绘制。
65.在所述页面访问设备是手机时，加载层电子地图和低分辨率第二层港区平面图和低分辨率第三层临时堆场图。
66.获取所述手机的当前位置和目标位置，在所述手机端展示从所述当前位置至所述目标位置的指引路线，其中，所述指引路线规避所述高分辨率第二层港区平面图和所述高分辨率第三层临时堆场图中的堆场、以及所述低分辨率第二层港区平面图和低分辨率第三层临时堆场图中的堆场。
69.由于web端电脑显示器与手机设备屏幕大小不同，为保证港区平面地图清晰显示时的速度，对web页面和手机端使用不同分辨率和文件大小的图片。实现时候，使用js脚本
来判断访问含有该平面图的页面，如果是电脑，则采用高分辨率大图，如果是手机等移动设备，则采用低分辨率的小图。图片的宽度通过缩放100％适配浏览器的宽度(手机设备则自动横屏，图片宽度适配横屏时手机宽度)，同时以图片的左上角的位置数据设为初始点(0，0)。
70.如果管理员在电脑端的平面大图上绘制临时箱位区域“b”，货运司机在手机上就能看到平面小图，以及绘制好的大图中“b”的对应区域“s”。绘制的方法使用鼠标在html网页的document对象中拖拽除带边框的div。箱位区域以div矩形式显示，在html页面上绘制矩形命令为： div.drawreact(x,y,width,height)。其中，x:矩形左上角的x坐标；y:矩形左上角的y坐标；width:矩形的宽度；height:矩形的高度。
73.大图为图12中上方灰域(a)。图片格式为jpg，文件大小约为1.8mb，用于web端展示。在web页面上根据浏览器的不同宽度，进行宽度100％适配后显示。标“b”字样的红色矩形区域为堆场区域，矩形参数为(200，100， 150，100)。
75.小图为图12下方灰域(b)，图片格式为jpg，文件大小约为220kb，用于手机端显示。在手机屏幕上根据设备横屏宽度，进行宽度100％适配显示。标“s”字样的红域为大图中“b”堆场的相应显示，矩形参数为(40， 20，30，20)。
78.优选地，所述低分辨率第三层临时堆场图与所述低分辨率第三层临时堆场图等比例缩放，其中，所述临时堆场在所述低分辨率第三层临时堆场图与所述低分辨率第三层临时堆场图中位置和大小相对应。
79.优选地，所述高分辨率第二层港区平面图与所述低分辨率第二层港区平面图中被配置有固定堆场。
82.优选地，所述指引路线被配置为通过根据所述当前位置、目标位置和堆场而确定。
83.另外，本发明还提供一种广西集装箱堆场箱位动态规划展示与移动端的即时导览系统，所述广西集装箱堆场箱位动态规划展示与移动端的即时导览系统包括：
86.在所述页面访问设备是电脑时，加载高分辨率第二层港区平面图和高分辨率第三层临时堆场图，其中，所述高分辨率第三层临时堆场图中的临时堆场由管理者绘制；
87.在所述页面访问设备是手机时，加载层电子地图和低分辨率第二层港区平面图和低分辨率第三层临时堆场图；
88.路线展示单元，用于获取所述手机的当前位置和目标位置，在所述手机端展示从所述当前位置至所述目标位置的指引路线，其中，所述指引路线规避所述高分辨率第二层港区平面图和所述高分辨率第三层临时堆场图中的堆场、以及所述低分辨率第二层港区平
90.所述设备判断单元用于使用js脚本来判断访问含有该平面图的页面访问设备的类型。
92.管理员在web端打开含有高分辨率港区平面图的html页面，平面图宽度100％铺满浏览器。操作鼠标，固定第3层画布区域与第2层高清图等大小，即画布div.drawarea的宽与图片缩放后的宽度相同。绘制临时箱位区域div。绘制方法流程如图13所示。绘制好的临时箱位按照图7提示，管理员将箱位名称、更大倍位、倍位方向等信息输入后，保存至数据库(支持各种流行数据库，本发明实验过程中采用mysql数据库)。同时，箱位的位置和大小信息也一起被保存至“临时堆场”表中，表名为yards，其各个字段类型与含义如表1所示。
假设电脑常用浏览器分辨率为1920*1080像素，图12上方的高分辨率平面图在页面中100％适配时，高分辨率平面图的宽度就缩小为1920，即大图图片缩放比例就为5000/1920＝2.604。原来在图12(a)的高分辨率平面图的堆场“b”，位置为(200，100，150，100)，在1920*1080的浏览器中对应的位置参数数据就为(77，38，58，38)。管理员在1920*1080的浏览器中绘制“b”区域时，相对应保存在表1中的数值与计算由来说明如表2所示。如果浏览器被缩小或放大，则红色箱位区域跟随图片一起被缩小或放大显示。
固定堆场图事先已经标注在堆场平面图中，如图6中的堆场号码如“11”，“33”等，数据对应表3中containerplace字段。固定区域要实现手机端高亮显示，需将固定堆场数据事先写入数据库中。写入的方式与绘制临时堆场类似，根据浏览器中显示的堆场平面图中固定堆场的范围，使用鼠标框出高与宽，再输入固定堆场的倍位信息后将数据保存至数据库。平面图中部分固定堆场在数据库中数值如表3所示。堆场“11”与“21”的yardscale值为“1.520”，而“13”、“15”、“31”、“33”的yardscale值为“1.696”。这说明在固定堆场初始画绘制中，使用的默认的浏览器宽度不同。
以浏览器宽度变成1000像素为例，如果要画出图12(a)中“b”堆场相对应大小的堆场区域，则根据原数据库(表2)中数值推算，鼠标获得的新的数据值为(40，20，20，30)。计算过程如下：
假设箱位在web端创建的临时箱位div区域坐标数据为 (postionx,postiony,width,hight)，在不同规格刷新的浏览器窗口中，div坐标数据计算公式总结如下：
在html页面中嵌入识别代码，识别该堆场图是电脑还是手机设备访问，如果是手机访问，则分辨率为1334*750的iphone6手机屏幕为例，货运司机对管理员在图14中的“b”区域在手机的对应显示的“s”区域的各个坐标点如图15所示。“s”区域的位置绘制数据为(53，27，40，27)。在手机端区域数据坐标点计算方式如下：
在iphon6手机端100％适配的浏览器中箱位高度为height为 38*2.604/5/0.75＝27，箱位宽度为width为58*2.604/5/0.75＝40。
计算方法仍然利用数据表2中存储的数值，手机端浏览器中显示新的箱位绘制数据公式如下：
当手机端图片被放大或者缩小时候，绘制好的箱位区域便跟随图片被放大或缩小。
司机获得的小票中的临时堆场div会以高亮和闪烁的形式进行显示，具体的实现流程方法如图16所示。
如图17所示，手机端调用百度地图jdk，将港区平面图的背景设为透明，校准平面图与地图的中心点，获得在中心点所在的经纬度坐标，设置地图层级为19级(以平面图绘制的级别相统一)，将平面图作为图层叠加到地图上。
通过这样图层叠加的形式，司机既可以看到清晰的平面图又能够使用手机的gps工具在底层卫星地图上找到自己当前位置。利用平面图展示当前位置与目标箱位之间的路线]
将港区平面图进行道路标记并显示在手机上的方法流程如图18所示。首先对高分辨率的港区平面图进行预处理，通过设置调整阈值将港区内固定堆场、建筑物等不可通行区域与道路等可通行区域分开图8(b)，其中，图 8(b)1为仅显示固定堆场区域可通行区域的示意图。黑色为不可通行区域，在二维数组里面使用1存储，白色为可通行区域，在二维数组里面用0存储。图8(b)2为管理端页面-显示全部临时堆场区(图中“1b”，“98”,“2q”等实心矩形均为临时堆场区域)，图8(b)3为叠加图8(b)2中全部不可通行区域的临时堆场后的二值化图像，并更新最终的二值化数组。
从手机端获得的起始点s与目标点e，通过高低分辨率图像缩放比例，找到高分辨率图上对应的起始点s’与e’，对应到二维数组上相应的坐标。使用a*算法获得在可通行区域上的最短路线所示。再通过高低分辨率映射，得到路线r，使用红色标记显示到手机端第3层，图中无法显示红色，只能是灰色(如图17)。
本领域内的技术人员应明白，本技术的实施例可提供为方法、系统、或计算机程序产品。因此，本技术可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本技术可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、cd-rom、光学存储器等)上实施的计算机程序产品的形式。
本技术是参照根据本技术实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每程和/或方框、以及流程图和/或方框图中的流程和/ 或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
在一个典型的配置中，计算设备包括一个或多个处理器(cpu)、输入/ 输出接口、网络接口和内存。
存储器可能包括计算机可读介质中的非性存储器，随机存取存储器 (ram)和/或非易失性内存等形式，如只读存储器(rom)或闪存(flash ram)。存储器是计算机可读介质的示例。
计算机可读介质包括性和非性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存 (pram)、静态随机存取存储器(sram)、动态随机存取存储器(dram)、其他类型的随机存取存储器(ram)、只读存储器(rom)、电可擦除可编程只读存储器(eeprom)、快闪记忆体或其他内存技术、只读光盘只读存储器 (cd-rom)、数字多功能光盘(dvd)或其他光学存储、磁盒式磁带，磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。按照本文中的界定，计算机可读介质不包括暂存电脑可读媒体(transitory media)，如调制的数据信号和载波。
还需要说明的是，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个
限定的要素，并不排除在包括要素的过程、方法、商品或者设备中还存在另外的相同要素。
本领域技术人员应明白，本技术的实施例可提供为方法、系统或计算机程序产品。因此，本技术可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且，本技术可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、 cd-rom、光学存储器等)上实施的计算机程序产品的形式。
以上仅为本技术的实施例而已，并不用于限制本技术。对于本领域技术人员来说，本技术可以有各种更改和变化。凡在本技术的精神和原理之内所作的任何修改、等同替换、改进等，均应包含在本技术的权利要求范围之内。
客服