CodeAve.com(LoadMap with Coordinates & Zoom - Print View)

LoadMap with Coordinates & Zoom

This is an example of a basic, simple map that can be made with Microsoft Virtual Earth/Bing Maps (version 6.2) and the LoadMap method. Most all of the values are left to default with exception of the size of the map which was made 640 x 480 and the coordinates to center the map have been set to the infield of Wrigley Field via the VELatLong method and the zoom level for this map has been set to 17. Valid values for zoom are 1 through 19 with 4 being the default value for zoom. map.LoadMap(new VELatLong(41.948182, -87.655527),17); Comments are placed within the code to explain which controls are required in each map that you construct with Virtual earth.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>
CodeAve.com/Maps - LoadMap with Coordinates & Zoom</title>
<!-- add a META element with the charset attribute set to "utf-8", as follows Your page must use UTF-8 encoding to create some elements of the map -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<!-- Reference to the map control -->
<script type="text/javascript" src="http://dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=6.2">
</script>
<script type="text/javascript">

// set the value of the varible map to null
var map = null;
// create a function to load the details of the map function
GetMap() {
// Initialize a new instance of the VEMap class
map = new VEMap('myMap');
// Load the specified map with coordinates set to Wrigley Field Chicago
// and zoom level is set to 17. Valid values are 1 through 19.
// Zoom is optional and the default value is 4.
map.LoadMap(new VELatLong(41.948182, -87.655527),17); } </script>
</head>
<!-- Run the
GetMap function to load the map into the page -->
<body bgcolor=#FFFFFF onload="
GetMap();">
<table align=center border=1>
<tr>
<td>
<!-- Add a DIV element to the page to contain the map and assign it a location and size-->
<div id='myMap' style="position:relative; width:640px; height:480px;">
</div>
<!-- If not specified a default width of 600 pixels is used and a default height is 400 pixels -->
</td>
</tr>
</table>
</body>
</html>


http://www.codeave.com/maps/code.asp?u_log=8673