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 & 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.
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 & 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 -->
<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 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>
</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>



Simple Live Map with Coordinates, Zoom and Style

 

 

 



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