Today I learned.. All about Google Maps & AJAX
http://graymatter.hostkiwi.co.uk/maps_experiment/#
Best viewed with FireFox 3, Fullscreen mode. Search does not seem to work in google chrome and I do NOT expect it to work in IE.
But anyways this was me learning the Google Maps API, GeoCoding and AJAX all in one day, plus some cool UI tricks.
F11 does the fullscreen for firefox 3 on windows btw
. Now let’s tear the thing apart:
I used the google maps api (http://code.google.com/apis/maps/documentation/) and tried to learn as much as possible. My own code to generate the 3 buttons used. AJAX for the search and google / my code for the ajax search (geosearch.php). That basically created and parsed calls to a geocoder which converted the search query into a latitude / longitude pair. That was then passed in my navigation function thru the XMLHTTP object and then eval’d. So my function would run and navigate it.
A pretty cool way to learn ajax and the maps api huh? I’ll give the source to anyone who is intrested but the page source tells a lot of the story
. Great learning experience. I’m gonna go take a look at what other API’s google has
.
EDIT:
Screenshot of the original running fullscreen: http://graymatter.hostkiwi.co.uk/supercool.png
before it had supercool stuff







