map not fitting into the canvas

[Kavya-siix]

Hi,
I am beginner in the web server application . when i try to load the 2D map ino the web page the map not fitting how to solve this issue?
thanks

[zainmehdi]

Any solution to this ?

[TeerapongPoom]

From ros2djs tutorial http://wiki.ros.org/ros2djs/Tutorials/VisualizingAMap
I added this line
viewer.shift(-8.75,-5.25);
into this function

gridClient.on('change', function(){
  viewer.scaleToDimensions(gridClient.currentGrid.width, gridClient.currentGrid.height);
});

Those numbers (-8.75,-5.25) are my map's width and height in meter divided by 2 and it worked for me.
I'm not sure about why it have to be negative though.

[tsinflam2]

From ros2djs tutorial http://wiki.ros.org/ros2djs/Tutorials/VisualizingAMap I added this line viewer.shift(-8.75,-5.25); into this function

gridClient.on('change', function(){
  viewer.scaleToDimensions(gridClient.currentGrid.width, gridClient.currentGrid.height);
});

Those numbers (-8.75,-5.25) are my map's width and height in meter divided by 2 and it worked for me. I'm not sure about why it have to be negative though.

Thanks. It's working.
May I know how do you know there is a shift() of viewers when there is no documentation?

[TeerapongPoom]

From ros2djs tutorial http://wiki.ros.org/ros2djs/Tutorials/VisualizingAMap I added this line viewer.shift(-8.75,-5.25); into this function

gridClient.on('change', function(){
  viewer.scaleToDimensions(gridClient.currentGrid.width, gridClient.currentGrid.height);
});

Those numbers (-8.75,-5.25) are my map's width and height in meter divided by 2 and it worked for me. I'm not sure about why it have to be negative though.

Thanks. It's working.
May I know how do you know there is a shift() of viewers when there is no documentation?

I'm not quite sure how did I find it back then. I think I found it in the source code here at line 76.

[messageid]

Hi,
Just a little update on the issue, using this change callback the map will fitt on canvas without magic numbers:

gridClient.on('change', function(){
  viewer.scaleToDimensions(gridClient.currentGrid.width, gridClient.currentGrid.height);
  viewer.shift(gridClient.currentGrid.pose.position.x,gridClient.currentGrid.pose.position.y);
});