基于WEB的场景地图显示方法、装置及存储介质制造方法及图纸

本发明专利技术公开了基于WEB的场景地图显示方法，包括获取机器人导航扫描的地图图像；将地图图像转换为第一图片，及将其添加到WEB页面的HTML文件中；获取机器人的实时位置坐标，并转换为机器人在第一图片中的像素坐标，进而得出机器人的图标在WEB页面中的位置，并将机器人的图标添加到HTML文件；对HTML文件进行渲染，以在WEB页面中显示机器人导航的地图以及实时位置。本发明专利技术通过WEB页面即可实现机器人的导航地图的显示以及机器人的实时位置，解决现有技术中需要定制专业的客户端软件或增加额外的地图软件的插件才能实现位置的渲染呈现，降低软件及设备成本。本发明专利技术还公开了基于WEB的场景地图显示装置及存储介质。WEB的场景地图显示装置及存储介质。WEB的场景地图显示装置及存储介质。

【技术实现步骤摘要】
基于WEB的场景地图显示方法、装置及存储介质


[0001]本专利技术涉及地图渲染，尤其涉及一种基于WEB的场景地图显示方法、装置及存储介质。

技术介绍

[0002]随着人工智能机器行业发展的越来越快，越来越多的机器人使用场景逐渐进入人们的视野。如大屏实时监控机器人的位置及相关数据，或者对机器人进行各类操作，都需要一个方便用户操作使用的场景。当前往往是通过定做专业的客户端软件渲染地图以向用户提供操作使用的场景，这种方法的优点是还原度高，显示效果良好，但存在定制化成本高等不利因素。另外，通过借助高德地图、百度地图等第三方软件的插件，将机器人的坐标转化为用户操作使用的坐标，再进行渲染呈现的方式来说，其对于室内场景来说，这种地图插件往往会使得道路建筑信息不全，无法还原小范围场景原貌；同时，这种方式在获取坐标时，还需要加装GPS设备，增加了设备成本。

技术实现思路

[0003]为了克服现有技术的不足，本专利技术的目的之一在于提供基于WEB的场景地图显示方法，其能够解决现有技术中场景地图显示时存在定制化成本高或设备成本高等问题。
[本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.基于WEB的场景地图显示方法，其特征在于，所述场景地图显示方法包括：地图获取步骤：获取机器人导航扫描的地图图像；图片转换步骤：将所述地图图像转换为预设格式的第一图片，将第一图片添加到WEB页面的HTML文件中；坐标获取步骤：获取机器人的实时位置坐标；坐标转换步骤：将所述机器人的实时位置坐标转换为机器人在所述第一图片中的像素坐标，进而根据机器人在所述第一图片中的像素坐标得出机器人的图标在WEB页面中的位置，并将机器人的图标在WEB页面中的位置将机器人的图标添加到WEB页面的HTML文件；渲染步骤：对WEB页面的HTML文件进行渲染，以在WEB页面中显示机器人导航的地图以及机器人在导航的地图中的实时位置。2.根据权利要求1所述的基于WEB的场景地图显示方法，其特征在于，所述地图图像为pgm图像；所述预设格式为png格式、JPG格式或JPEG格式中的任意中。3.根据权利要求2所述的基于WEB的场景地图显示方法，其特征在于，所述图片转换步骤中将所述第一图片添加到WEB页面的HTML文件中具体包括：通过在WEB页面的HTML文件中添加<img>标签，或者，将HTML文件中的<img>标签的background
‑
image属性中写入所述第一图片的文件路径。4.根据权利要求2所述的基于WEB的场景地图显示方法，其特征在于，所述坐标转换步骤包括：首先根据yaml文件获取参数resolution和参数origin；然后根据机器人的实时位置坐标、参数resolution、参数origin以及所述第一图片的高度属性计算得出机器人在第一图片中的像素坐标；最后根据机器人在第一图片中的像素坐标得出机器人的图标在WEB页面中的位置，并将机器人的图标在WEB页面中的位置将机器人的图标添加到WEB页面的HTML文件；所述yaml文件是在获取机器人导航扫描的地图图像时获取的；其中，机器人在第一图片中的像素坐标的计算公式为：y＝(Y
‑
originy)/resolution，x＝(X
‑
originx)/resolution；(x，y)为机器人在第一图片中的像素坐标；(X，Y)为机器人的实时位置坐标；参数resolution为图片缩放转化的比例；参数origin为地图图像的原点坐标，为originx和originy)；height为第一图片的高度属性；其中，机器人...

【专利技术属性】
技术研发人员：李盛明，阳剑，陈桂芳，
申请(专利权)人：广州赛特智能科技有限公司，
类型：发明
国别省市：