How To: Embed Sports Tracker Data to Your Blog and Make Position Art Like Stavros

Currently, Sports Tracker users cannot have embeddable codes to show off their maps on blogs. During my vacation in Mexico, I used the Nokia N95 NAM with Nokia Sports Tracker to help me track where I travelled and help me locate where the pictures I took with. I already shared how to embed the location of geotagged photos but now I’ll tell you how to include the location path you took and perhaps create and share position art like Stavros.

Requirements

You need Sports Tracker installed on a GPS-enabled Nseries phone like the Nokia N95 or Nokia N82. You also need accounts over at Sports Tracker for the routing data and Google for the embeddable map code.

Instructions

Step 1. Use Sports Tracker on your phone to record your location data. You can choose to run, walk, or whatever and it will record your path.

Step 2. When You are done, select ‘Upload to Service’ on the workout summary screen on your phone. The data will be uploaded to Sports Tracker online.

Step 3. On the Sports Tracker website, the route will be displayed on a map. To get this map on our blogs, we need to download the data as KML file by pressing the KML button above the map.

Nokia Sports Tracker

Step 4. Log in to Google Maps and go to ‘My Maps’ to create a new map. Import the KML file you downloaded in Step 3. Click Upload, then Done.

Google Maps

Step 5. Now we are getting the actual html code to embed in our blog. Click on “Link to this page” on the upper right corner, then “Customize and preview embedded map.”

Google Maps

Step 6. Adjust the look and size of the map. I usually reframe the map so the path is centered, then change the size to fit my blog’s width. I also select satellite view because think it looks cooler. As you make adjustments, the html code automatically changes.

Google Maps

Step 7. When you are done with the adjustments, just copy and paste the HTML code to your blog post. Now go make Stavros jealous by creating your own position art masterpiece then sharing it on your blog!

Here’s an my attempt I was in Mexico. It looks like an upside-down big dipper. What’s cool about this is that readers can zoom in, out and move the map within the blog post.


View Larger Map

Need more instructions? Watch Stavros’ own video on how to create position art:

  • If you want more control over your pictures and you have some webspace you should also consider gpicsync ( http://code.google.com/p/gpicsync/ )
    I use it mainly because pictures from other cameras are all geotagged locally...
    Enjoy!
  • Hi Mark! Tonight we created our first position art masterpiece, an Easter special. I also embedded a google map like you advised. I hope your tutorial will spawn more position artists. We had a lot of fun.

    Make sure to visit my website to see our artwork.
blog comments powered by Disqus