LoadMap with Coordinates, Zoom & Style
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. In addition the style of the map has been changed from the default road ‘r’ view to 'a' for aerial, other values include 'h' for hybrid, 'o' for oblique (aka bird's eye). map.LoadMap(new VELatLong(41.948182, -87.655527),17,'a'); 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">|
CodeAve.com/Maps - LoadMap with Coordinates, Zoom & Style</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 -->
// set the value of the varible map to null
var map = null;
// create a function to load the details of the map function
// 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 style is set to 'a' for aerial, other values include 'h' for hybrid,
// 'o' for oblique (aka bird's eye), and 'r' for road. The default is 'r'.
map.LoadMap(new VELatLong(41.948182, -87.655527),17,'a'); } </script>
<!-- Run the
GetMap function to load the map into the page -->
<body bgcolor=#FFFFFF onload="
<table align=center border=1>
<!-- 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;">
<!-- If not specified a default width of 600 pixels is used and a default height is 400 pixels -->