Coding Forum

**bwc** · 12-08-2008, 12:16 PM

How do I code for a map intregation widget. A small widget for user to type address and get url for google maps direction page. Any ideas?

**Learning Newbie** · 12-08-2008, 06:31 PM

You'll find everything you need on Google's Map Code page.

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title>Google Maps JavaScript API Example: Simple Map</title>
    <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=false&amp;key=ABQIAAAAzr2EBOXUKnm_jVnk0OJI7xSosDVG8KKPE1-m51RBrvYughuyMxQ-i1QfUnH94QxWIa6N4U6MouMmBA"
            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);
      }
    }

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

</html>

**bwc** · 12-09-2008, 06:49 AM

Thank you. I tried it but did not work. I'll check google.

**Learning Newbie** · 12-09-2008, 02:07 PM

Did you get an API key for the domain you want to use it from?

**bwc** · 12-09-2008, 05:50 PM

ok I did get key and still not coming up

put in head
<script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAckGvcTXP2HCz o_duwsa8bRRjzCnzHWLsUL0FnU9utm5aAqN_-RQbOZd0MUUhKXylak_c8lYGRNvkMw"
type="text/javascript"></script>
<script type="text/javascript">

//<![CDATA[

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

//]]>
</script>

put in body
<body onload="initialize()" onunload="GUnload()">

put in place where I want it to appear
<div id="map" style="width:500px;height:300px"></div>

**bwc** · 12-18-2008, 11:23 PM

I guess I'll look into something else.