Sample Google Maps

Google Maps Settings

Map Dimension	800 * 600 (pixels)
Initial center location	-60.0, -70.0
Initial zoom level	3
Google Maps API key	Please obtaion a key

Three Easy Steps to Include Google Maps on Your Web

Obtain a Google Maps API key for your project web site at http://code.google.com/apis/maps/signup.html.
Go to the "Edit" tab and enter the parameters, including "Google Maps API key" and map width/height, center location and initial zoom. Save.

Insert or edit the following lines into the HTML of the web page where you wish to display the map:

<!-- Insert the following line in between the <HEAD> and </HEAD> sections. -->
<script src="http://comlmaps.org/october-08-workshop/lab2/sample-google-maps/coml_init_js"></script>

<!-- Add onload="loadScript();" to the <BODY> tag as the following.
If your page already defines onload event, add loadScript() to it. -->
<body onload="loadScript();">

<!-- Place the following <DIV> where you want Google Maps to appear. -->
<div id="map_coml_mv"/>

The simplest example:

<html>
  <head>
    <script src="http://comlmaps.org/october-08-workshop/lab2/sample-google-maps/coml_init_js"></script>
  </head>
  <body onload="loadScript();">
    CoML Project Map
    <div id="map_coml_mv"/>
  </body>
</html>

Rendered below:

CoML Project Map

Document Actions

Print this