CodeAve.com CodeAve.com - Maps - Bing Maps
ASP
JavaScript
CSS
HTML
Maps
·Map Script Writers
·Bing Maps
·Google Maps
·Contents
Links
Mail List
Search
Sitemap


 


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.
View the Output
Text View
Print View
Mail this Link

<!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>

 



ASP: What's New? | Articles | Script Writers | Database Display | Read/Write
Server Variables | Response Objects | Random Events | Miscellaneous
HTML: Forms | Hyperlinks | Headers | Tables | Hyperlinks | Headers | Text Display
JavaScript: Document Info | Forms | Images | Navigation | Script Writers
CSS: Basics | Page Display | Text Display | Script Writers | Miscellaneous
  • 2014 michael kors
  • air max women 2013
  • 2014 michael kors
  • air max 2014
  • oakley glasses
  • oakley glasses

  • Maps: Map Script Writers | Bing Maps | Google Maps
  • bottes fr
  • ugg boot
  • Privacy Statement

    CodeAve.com is hosted by MyHosting.com
    Donate Food Online with a Mouse Click at TheHungerSite.com
    Donate Land Online with a Mouse Click at TheRainForestSite.com
    © 1999 - 2017 CodeAve.com
    All Rights Reserved