<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>ShowScalebar</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript" src="http://dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=6.2"></script>
<script type="text/javascript">
var map = null;
function GetMap()
{
map = new VEMap('myMap');
map.LoadMap();
//Remove the dashboard
map.HideDashboard();
}
// Scalebar hide & show calls
function HideScalebar()
{
map.HideScalebar();
}
function ShowScalebar()
{
map.ShowScalebar();
}
</script>
</head>
<body onload="GetMap();">
<div id='myMap' style="position:relative; width:600px; height:400px;"></div>
<div id="links"><a href="#" onclick="HideScalebar()">Hide Scalebar</a> | <a href="#" onclick="ShowScalebar()">Show Scalebar</a><br/></div>
</body>
</html>