49 lines
1.4 KiB
HTML
49 lines
1.4 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<script type="text/javascript" src="../roslib.min.js"></script>
|
|
<script type="text/javascript" src="../ros2djs/easeljs.min.js"></script>
|
|
<script type="text/javascript" src="../eventemitter2.min.js"></script>
|
|
<script type="text/javascript" src="../ros2djs/ros2d.min.js"></script>
|
|
|
|
<script type="text/javascript" type="text/javascript">
|
|
/**
|
|
* Setup all visualization elements when the page is loaded.
|
|
*/
|
|
function init() {
|
|
// Connect to ROS.
|
|
var ros = new ROSLIB.Ros({
|
|
url : 'ws://localhost:9190'
|
|
});
|
|
|
|
// Create the main viewer.
|
|
var viewer = new ROS2D.Viewer({
|
|
divID : 'map',
|
|
width : 600,
|
|
height : 600
|
|
});
|
|
|
|
// Setup the map client.
|
|
var gridClient = new ROS2D.OccupancyGridClient({
|
|
ros : ros,
|
|
rootObject : viewer.scene,
|
|
continuous : true
|
|
});
|
|
|
|
|
|
|
|
// Scale the canvas to fit to the map
|
|
gridClient.on('change', function(){
|
|
viewer.scaleToDimensions(gridClient.currentGrid.width, gridClient.currentGrid.height);
|
|
});
|
|
}
|
|
</script>
|
|
</head>
|
|
|
|
<body onload="init()">
|
|
<h1>Simple Map Example</h1>
|
|
<div id="map"></div>
|
|
</body>
|
|
</html>
|