ros中web端通过 ajax 访问 nginx 加载静态 pgm 地图显示在canvas画布中

置顶 _无往而不胜_

已于 2023-03-01 16:04:04 修改

阅读量2.4k

点赞数

分类专栏：新ros专栏文章标签： ajax ros 地图 js slam

于 2021-12-11 11:41:44 首次发布

本文链接：https://blog.youkuaiyun.com/qq_15204179/article/details/121870786

版权

新ros专栏专栏收录该内容

97 篇文章 ¥159.90 ¥299.90

订阅专栏

超级会员免费看

本文介绍了如何在ROS环境中，通过web端使用AJAX技术从nginx服务器获取静态pgm地图，并将其显示在canvas画布上。首先，需要安装nginx并配置相关目录，然后在浏览器中验证地图能否正常访问。接着，通过AJAX请求加载地图图片，实现在网页上的显示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

ros中web端通过 ajax 访问 nginx 加载静态 pgm 地图显示在canvas画布中

//mapName：地图名称  | robotfloor：楼层
           if(mapName.length ==0 || robotfloor.length ==0){
                                    alert("请选中地图名称及地图楼层");
                                    return;
                                }
                                var url="http://"+weburl_ip+":9001/map/"+mapName+"_"+robotfloor+".pgm";
                                var xhr = new XMLHttpRequest();
                                xhr.open('GET', url,true);//get请求，请求地址，是否异步
                                xhr.responseType = 'arraybuffer';