feed   myspace   facebook   last.fm   send an email   twitter   tumblr   send a message via aim to graykicksass

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 :P . Great learning experience. I’m gonna go take a look at what other API’s google has :P .
EDIT:

Screenshot of the original running fullscreen: http://graymatter.hostkiwi.co.uk/supercool.png

before it had supercool stuff :P

Think this post is actually worth something? Why not share it?
  • Print this article!
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks
  • Twitter
  • StumbleUpon
  • Current
  • E-mail this story to a friend!
  • HackerNews
  • MySpace
  • Turn this article into a PDF!
  • RSS
  • Technorati
  • Tumblr

Leave a Reply