ansaurus

Question

Adding a search by zip code in a custom Google map

Answer 1

+1 A:

I don't know of any way to interact with an embedded Google Map in the way that you want. The best option would be to create your own map with the Google Maps API. Google has some great documentation and examples to get you started.

Chris B 2009-07-13 15:15:14

Answer 2

A:

hey, i'm working on a similar search too. i found a pretty good discussion of the math involved, as well as links to queries and formulas, here: http://uclue.com/?xq=2861. hope this helps.

2009-08-21 14:57:01

Answer 3

+1 A:

One option is to use the geonames web service that returns locations from zip codes. Here's a quick example of how to use that web service with dojo.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"&gt;
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title></title>
        <link rel="stylesheet" type="text/css" href="layout.css">
        <script type="text/javascript">var djConfig = { parseOnLoad: true }</script>
        <script type="text/javascript" src="../dojo-release-1.3.0/dojo/dojo.js"></script>
        </script>
        <script type="text/javascript">
            dojo.require("dojo.io.script");
                function getPlace() {
  var zip = dojo.byId('zipcode').value;
  console.log('zip is ', zip);
  //use country code to get results for a specific country
  //var gn_url = 'http://ws.geonames.org/postalCodeLookupJSON?postalcode=' + zip + '&country=US';
  var gn_url = 'http://ws.geonames.org/postalCodeLookupJSON?postalcode=' + zip;
  console.log(gn_url);
  dojo.io.script.get({
    url: gn_url, 
    callbackParamName: "callback",
    load:function(response, io) { 
   console.log('got json.'); 
   console.dir(response); 
   places = response.postalcodes; 
   var infos = []
   dojo.forEach(places, function(p, i) {
    infos[i] = p.placeName + ', ' + p.adminName1 + ', Lat: ' + p.lat + '; Long: ' + p.lng + '<br />';
   });
    dojo.byId('postalCode').innerHTML = infos.join('');
    }, 
    error:errorCb
  });   
     }

     function errorCb(type, data, evt){
                debug(data);
     }
         </script>
     </head>
     <body class="tundra">
 Enter a zip code: <input id="zipcode" type="text" /> <button onclick="getPlace(); return false;" value="Find Place.">Find Place.</button>
      <div>Places:</div><div id="postalCode"></div>
    </body>
</html>

Swingley 2009-08-21 15:15:00

ansaurus

tags:

views:

answers:

Adding a search by zip code in a custom Google map

related questions