Google map examples

These are 2 examples of integrating a google map on your page, using the latitude and longitude values....
First you need to register your site with google maps for a key.

Example: 1

<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <script src="http://maps.google.com/maps?file=api&v=1&key=ABQIAAAAYrPUQCb3Z6rFxSM-d0oOeBT2cMPdVrZpW5swiJunby9DzOBHxxSXFUXo_NM6mbf1GK95Z4irMylR4A" type="text/javascript"></script>
    </head>
    <body>
    <div id="map" style="width: 400px; height: 300px"></div>
   
    <script type="text/javascript">
    var map = new GMap(document.getElementById("map"));
    map.centerAndZoom(new GPoint(-83.022206, 39.998264), 3);
    </script>

    </body>
    </html>


Example: 2

<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <script src="http://maps.google.com/maps?file=api&v=1&key=ABQIAAAAYrPUQCb3Z6rFxSM-d0oOeBT2cMPdVrZpW5swiJunby9DzOBHxxSXFUXo_NM6mbf1GK95Z4irMylR4A" type="text/javascript"></script>

    <script type="text/javascript">

    function initialize() {
      if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map_canvas"));
        map.setCenter(new GLatLng(37.4419, -122.1419), 13);
        map.setUIToDefault();
      }
    }

    </script>

    </head>
    <body onload="initialize()" onunload="GUnload()">
    <div id="map_canvas" style="width: 500px; height: 300px"></div>
    </body>

    </html>