SitePoint.com

geosite · Apr 11, 2006, 06:06

I just added Google Maps to my website. Below is my source code:

PHP 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">

<?php // Example page from Google... ?>

  <head>

    <script src="http://maps.google.com/maps?file=api&v=1&key=ABQIAAAAJVXjUUf9w3uK4JOTnUjtmhRflKT1ByLdAwE0qGKUfkqxDXuq4BSKI2ATTrGcUGJwR6LQ3Ut66tojRg" type="text/javascript"></script>

  </head>

  <body>

    <div id="map" style="width: 500px; height: 400px"></div>

    <script type="text/javascript">

    //<![CDATA[

    

    var map = new GMap(document.getElementById("map"));

    map.addControl(new GSmallMapControl());

    map.centerAndZoom(new GPoint(-122.1419, 37.4419), 15);

    

    //]]>

    </script>

  </body>

</html>

I'd like to modify it so that visitors can navigate to a location by typing in geographic coordinates or place names. Someone told me, "Typing in coordinates should be fairly easy, you just need two input boxes,
which are forwarded to a JavaScript call to re-centre the map."

I assume these input boxes would replace the coordinates -122.1419, 37.4419 near the bottom of the script above, though they would probably serve as good default coordinates. Can someone show me how to put JS input boxes in a script like this?

Thanks.

Apr 11, 2006, 06:06	#1
geosite Non-Member Join Date: Jan 2004 Location: Seattle Posts: 4,500	JavaScript Input Boxes I just added Google Maps to my website. Below is my source code: PHP 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"> <?php // Example page from Google... ?> <head> <script src="http://maps.google.com/maps?file=api&v=1&key=ABQIAAAAJVXjUUf9w3uK4JOTnUjtmhRflKT1ByLdAwE0qGKUfkqxDXuq4BSKI2ATTrGcUGJwR6LQ3Ut66tojRg" type="text/javascript"></script> </head> <body> <div id="map" style="width: 500px; height: 400px"></div> <script type="text/javascript"> //<![CDATA[ var map = new GMap(document.getElementById("map")); map.addControl(new GSmallMapControl()); map.centerAndZoom(new GPoint(-122.1419, 37.4419), 15); //]]> </script> </body> </html> I'd like to modify it so that visitors can navigate to a location by typing in geographic coordinates or place names. Someone told me, "Typing in coordinates should be fairly easy, you just need two input boxes, which are forwarded to a JavaScript call to re-centre the map." I assume these input boxes would replace the coordinates -122.1419, 37.4419 near the bottom of the script above, though they would probably serve as good default coordinates. Can someone show me how to put JS input boxes in a script like this? Thanks.

Thread Tools
Show Printable Version Email this Page
Display Modes
Switch to Linear Mode Switch to Hybrid Mode Threaded Mode