How To: Embed Map with Geotagged Photos for Your Blog
So you have a bunch of photos geotagged with GPS-capable cameraphones like the Nokia N95 or the Nokia N82 and want to show it off on your blog. Here’s the tutorial on how to do it so you and other bloggers can show off where you’ve taken your pictures. This was how I was able to embed my map in my blog posts.
Go to any page with the geotagged photos on Flickr. You can use sets or tags. I usually select tagged pages. At the bottom of the page, look for the geoFeed link. Copy that link url.
Go to maps.google.com and create a new map using the My Maps tab.
Click ‘import’ and enter the geoRSS url you copied from the top
At the top right corner, click on ‘Link to this page’ then ‘Customize and preview embedded map.’ Here you can change the size, zoom level, and map type before you grab embed code for your blog or websites.
That’s it! Let me know if this was helpful to you. A sample post with embedded map is the Laguna Beach California Sunset Geotagged with the Nokia N95 NAM post.
As an aside, you can also view your Flickr photos on a map by adding ‘/map’ to the end of the Flickr page url. You won’t be able to embed that map for your blogs, but pretty neat nonetheless.
Adam Blue on 27 January 2008:
I sort of got it to work. For some reason it didn’t want to show some of my manually geotagged photos, but now it shows my HDR photo in Keller, but not any of my photos in Brazil. Is it just a little wonky with manually geotagged photos?
But anyway, thanks for the further explanation. I totally missed the import step.
Mark Guim on 28 January 2008:
Whatever photos you have in the flickr page with the georss link should show up on the map.
Ian on 28 January 2008:
nice info . i think
Thomas Pedersen on 6 February 2008:
I get two copies of my pictures on the map and in the list on the left, but when I view the GeoFeed itself there is only one copy of each?
clickykbd on 9 February 2008:
I think you missed a step in the HOWTO, in order to get the “path” to appear also you need to additionally import your KML file exported from SportsTracker.
GeoSetter is also a useful windows desktop app for doing stuff like this, if you don’t want to rely on flickr, it can geotag the exif info (or get it from files tagged by nokia’s new Location Tagger app), then export various map views.
Steve Paine on 13 February 2008:
Excelent tip. Thanks.
Now if we could get the same geo feed out of the sportstracker website then not only would our photos (geo tagged by Shozu - Or can the N82 self-tag?) show up in our personal map but our track would too!
Goodbye RoboGeo!!
Steve.
aaron bradford on 17 February 2008:
i have made this all work really well with a blog and be completely intergrated! also and whats best is i managed to get it all to work from just the n95, after the initial set up there is no need to be near a computer which makes it perfect for when i go travelling around south east asia, please check it out and let me know what you think.
http://aaronandgeorgie.typepad.com/n95travelblog/
scott on 8 April 2008:
This was interesting - thanks.
Worth noting that it looks like the geoFeed is limited to only 20 pictures max
marc duchesne on 12 May 2008:
Hey Mark,
There’s another option to do this : use Yahoo!Pipes. That’s even faster and easier than your nice trick.
See my blog post here : [http://fibergeneration.typepad.com/welcome/2008/05/just-this-09-08.html]
Was done in a few clicks with Pipes. Code available for copy & paste here : [http://pipes.yahoo.com/pipes/pipe.info?_id=Plm6KRwg3RGXvwviy6ky6g].
Method :
1) just replace the URL by the GeoFeed you want to embed (as described in your post)
2) save the pipe
3) run the pipe
4) get the badge, as you wish : map, image, or list
5) copy it onto your blog. Boom, you’re done.
HTH,
_marc