how to change ros(map) coordinate system to html5 canvas coordinate system
We want to design a robot web monitor of robot location. We has been built the indoor map through the ros and generate a map picture, the file pf yaml parameters are as follows:
[resolution: 0.050000
origin: [-24.45000, -28.000000, 0.000000]
negate: 0
occupied_thresh: 0.65
free_thresh: 0.196]
, according to the html5 canvas will always show the location on the indoor map. But we do not know how to change ros(map) coordinate system to html5 canvas coordinate system. Hope that experienced people can give me some ideas or algorithms, thank you.
Did you ever figure this out? I am attempting to do the same thing. I want to create my own custom map component so we can do more custom actions with the map, such as creating travel lanes with user input on the map. The problem is that I don't know how to convert the ROS coordinates to canvas coordinates and can't find any information about how the robot_pose_publisher goes about doing so.