Timeline of Events integrated with Google Maps

22. April 2012
Comments (0)
This is a timeline of my schooling and employment. By scrolling on the timeline, you can see what I was doing at that time in my life and where I lived. You can click on the timeline to see a detailed balloon popup. This example uses the timemap JavaScript Library (so it is all done with JavaScript and JQuery...). This library uses the SIMILE timeline with Google Maps API.
A couple issues I had:
  • Extremely slow to load. Need to get GZIP enabled for Javascript files on the host webserver. Since it uses IIS6 since this is a little more problematic. I have static compression enabled, but it does not automatically compress .js files. In IIS7, you can just add this by modifying the web.config file.
  • This example uses version 2 of the Google Maps API; v3 is supported, so I will update to this.
  • Bubbles on Google Maps are not properly formed, need to investigate.
  • Problems with js script file references, so had to modify the timeline-2.3.0.js file. Note: add a slash "/" at the start of the javascript file URLs to have them start from the website root directory (this is a common blog problem).

 

 

 

 

  By John Dorsey  IT Brigade Inc.           

Google, Maps , ,