<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title></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.1"></script>
<script type="text/javascript">
var map = null;
function GetMap()
{
map = new VEMap('myMap');
map.LoadMap();
}
function GetInfo()
{
// VEMap.GetTop returns the position of the top edge of the map control, in pixels.
// VEMap.GetLeft returns the position of the left edge of the map control, in pixels.
// These units are defined using standard DHTML markup.
// See the style attribute for the <div> element 'myMap'.
var info = 'The top edge of the map on the Web page is at pixel: '+ map.GetTop() + "\n";
info += 'The left edge of the map on the Web page is at pixel: '+ map.GetLeft() + "\n";
info += 'The latitude,longitude at the center of the map is: '+ map.GetCenter() + "\n";
info += 'The current zoom level of the map is: '+ map.GetZoomLevel() + "\n";
info += 'The map control version is: '+ VEMap.GetVersion() + "\n";
alert(info);
}
</script>
</head>
<body onload="GetMap();">
<div id='myMap' style="position:relative; width:400px; height:400px; top:25px; left:25px"></div>
<INPUT id="getinfo" style="position:relative" type="button" value="Get Info" onclick="GetInfo();">
</body>
</html>