Map Player 2.0

From MB Wiki

It would be cool if you could hack around with Google Maps/Yahoo Maps a bit. We will be replacing the three components at MB that use SVG (Map Player, Analyzer and Dot Racing) with Google Maps and perhaps Microsoft virtual Earth. Dot Racing is where we simulate the similar rides to compare...

http://www.motionbased.com/event/tam/

Here would be a recipe for a quick prototype:

  1. Use whatever maps api you'd Like (Google, Yahoo (AJAX or Flash), Microsoft Virtual Earth)
  2. Use whatever web server you'd like.
  3. Drop Media:NationalTrail.gpx and Media:NationalTrail-2.gpx into a webapp.
  4. Asynchronously Load the GPX from the server. Hint: Google Maps provides a utility to load XML data i believe.
  5. Draw a polyline from the GPX (know that GMaps seem to like 500 trackpoints or less)
  6. There is a waypoint in there too so maybe map that.
  7. Now for the cool stuff...find a CSS slider bar on the Internet somewhere
  8. Move the slider bar and move a marker along the polyline (just like the map player).
  9. Bonus... Load the second polyline and run both markers when moving the slider bar.

Described above is the Map Player 2.0 : Compare Mode...the real Dot Racing. Cross Platform compatible, free maps, integrated advertising from Google.

Couple of things to consider...as the slider bar moves, it is best to index into the track by time, not the trackpoint index number. Doing so would now allow time synchronization where trackpoint indexing would incorrectly move the markers

National Trail is one of my favorite MTB trails in Phoenix.

[edit]

Extra Credit

[edit]

Examples

  • Brad Culberson (http://www.neocoach.com/mapper/mapper.aspx?f=imbike.gpx,imbike2.gpx,imbike3.gpx,imbike4.gpx&e=brad@getasp.com) (we hired this guy)
Retrieved from "http://wiki.motionbased.com/mb/Map_Player_2.0"