CodeAve.com(Basic Google Map (v3) with an Image Marker - Print View)

Basic Google Map (v3) with an Image Marker

This is an extension of the basic Google Maps V3. An image is used as a marker and is placed at the center of the map and a title has been added to display when the mouse pointer hovers over the marker. Comments are placed within the code to help explain the different options for each command.
<html>
<head>
<!-- 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://maps.google.com/maps/api/js?sensor=false">
</script>
<!-- A sensor value is required. True indicates that your application is using a sensor (such as a GPS locator) to determine the user's location. False indicates that you are not-->
<script type="text/javascript">

var map; function initialize() { var myLatlng = new google.maps.LatLng(39.828180,-98.57955);
// sets the center of the map to the varible "LatLong" that contains the coordinates var myOptions = { zoom: 4,
// Zoom level for initial map. Valild vaues range form 0 to 20 center: myLatlng, mapTypeId: google.maps.MapTypeId.ROADMAP
// sets the type of map to be displayed
// HYBRID - displays a transparent layer of major streets on satellite images
// ROADMAP - displays a normal street map
// SATELLITE - displays satellite images
// TERRAIN - displays maps with physical features such as terrain }
map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); var marker = new google.maps.Marker ( { position: new google.maps.LatLng(39.828180,-98.57955),
// sent the geographic position for the marker map: map,
// puts the marker on the specified map title:"Geographic Center of the Contiguous 48 states",
// text that will display when the mouse cursor hovers over the marker icon: 'http://google-maps-icons.googlecode.com/files/sight.png'
// location of image file that will be used as a marker } ) ; } </script>
</head>
<title>
CodeAve.com/Maps - Basic Google Map with an Image Marker v3</title>
<body bgcolor="#FFFFFF" onload="initialize()">
<table align=center border=1 width=750 height=500>
<tr>
<td valign=top>
<!-- Notice just in case the browser does not support Javascript -->
<noscript>
<b>
JavaScript must be enabled in order for you to use Google Maps.</b>
<br>
However, it seems JavaScript is either disabled or not supported by your browser. <br>
To view Google Maps, enable JavaScript by changing your browser options, and then try again. </noscript>
<div id="map_canvas" style="width:750; height:500">
</div>
<!-- div tag set to display the map with width and height in pixels width and height can also be expressed by percent-->
</td>
</tr>
</table>
</body>
</html>


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