KML Generator

Using Google Geocoding

by blowsie

HTML

<script src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script src="http://maps.google.com/maps/api/js?sensor=false"></script>
<textarea id="output2" rows="10" cols="20">
</textarea>
<table>
    <tbody> <tr><td>Welwyn Garden City </td></tr> <tr><td>Chelmsford </td></tr> <tr><td>Ipswich </td></tr> <tr><td>Cambridge </td></tr> <tr><td>Birmingham </td></tr> <tr><td>London </td></tr> <tr><td>Manchester </td></tr> <tr><td>Lambeth </td></tr> <tr><td>Wembley </td></tr> <tr><td>Northampton </td></tr> <tr><td>Poplar </td></tr> <tr><td>Kensington </td></tr> <tr><td>Oxford </td></tr> <tr><td>Leicester </td></tr> <tr><td>Bury </td></tr> <tr><td>Aveley </td></tr> <tr><td>Bury Saint Edmunds </td></tr> <tr><td>Bedford </td></tr> <tr><td>Warrington </td></tr> <tr><td>Paris </td></tr> <tr><td>Leeds </td></tr> <tr><td>Watford </td></tr> <tr><td>Courbevoie </td></tr> <tr><td>Hertford </td></tr> <tr><td>Welwyn Garden City </td></tr> <tr><td>Swanley </td></tr> <tr><td>Bletchley </td></tr> <tr><td>Colchester </td></tr> <tr><td>Long Stanton </td></tr> <tr><td>Stevenage </td></tr> <tr><td>Norwich </td></tr> <tr><td>Rochdale </td></tr> <tr><td>Nottingham </td></tr> <tr><td>Huddersfield </td></tr> <tr><td>Guyancourt </td></tr> <tr><td>Sheffield </td></tr> <tr><td>Workington </td></tr> <tr><td>Croydon </td></tr> <tr><td>Hitchin </td></tr> <tr><td>Southampton </td></tr> <tr><td>Teddington </td></tr> <tr><td>Boulogne-Billancourt </td></tr> <tr><td>Toulouse </td></tr> <tr><td>Salford </td></tr> <tr><td>Olney </td></tr> <tr><td>Letchworth </td></tr> <tr><td>Newcastle upon Tyne </td></tr> <tr><td>Bristol </td></tr> <tr><td>Edinburgh </td></tr> <tr><td>Bishop's Stortford </td></tr> <tr><td>Dartford </td></tr> <tr><td>Preston </td></tr> <tr><td>Wigan </td></tr> <tr><td>Thames Ditton </td></tr> <tr><td>Frankfurt am Main </td></tr> <tr><td>Slough </td></tr> <tr><td>Liverpool </td></tr> <tr><td>Kempston </td></tr> <tr><td>Borehamwood </td></tr> <tr><td>Stockport </td></tr>...

CSS

td {padding:2px; border:1px solid #666; font-size:11px}

JavaScript

$('table tr').each(function (index) {
                          var time = index * 1000 ;
                        var that = $(this)

                      
    
    
    setTimeout(function () {
   var postcode = that.find("td:first").text();
                                console.log(postcode);
                             var geocoder = new google.maps.Geocoder();
                               if (geocoder) {
                                  geocoder.geocode({ 'address': postcode }, function (results, status) {
                                     if (status == google.maps.GeocoderStatus.OK) {
                                         var location = "" + results[0].geometry.location
                                            
                                         var length = location.length -1
                                         var trimmed =  location.substring(1,length)
                                             trimmed = trimmed.replace(" ", "");
                                       //  console.log(trimmed)
                                      //   that.append("<td>" + results[0].geometry.location + "</td>")
                                          $("#output2").val($("#output2").val() + "<Placemark><name>" + postcode + "</name><description>edocs</description><styleUrl>#style1</styleUrl><Point><coordinates>" + trimmed + ",0.000000</coordinates></Point></Placemark>")   
                                       // console.log(results[0].geometry.location);

                                     }
                                     else {
                                        console.log("Geocoding failed: " + status);
                                     }
                                  });
                               }    
}, time);

                            
                        });