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.

geofeed

Go to maps.google.com and create a new map using the My Maps tab.

Create New Map

Click ‘import’ and enter the geoRSS url you copied from the top

Import

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.

Customize Map

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.

Post to Twitter

Enjoyed this post?

Consider subscribing to our full feed RSS. You can also subscribe by email and have new posts sent directly to your inbox.

Twitter

For more updates you won't find on the blog, follow Mark on Twitter.

  • 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.
  • Whatever photos you have in the flickr page with the georss link should show up on the map.
  • Ian
    nice info . i think
  • Thomas Pedersen
    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?
  • 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.
  • 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.
  • 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
    This was interesting - thanks.
    Worth noting that it looks like the geoFeed is limited to only 20 pictures max
  • 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
  • Joe
    Thank you so much, been wondering how to do this for ages!
blog comments powered by Disqus
    • Subscribe to RSSSubscribe to the Nokia blog
    • Receive new posts by email

  • Sponsored Links

  • Price Checks

  • Uploaded from my Nokia

    • Flood near whitestone bridge #n97 videoLate lunch at Green papaya thai restaurant #n97Vg massaman curry #n97Chicken panang curry #n97Pepper steak #n97Calamari #n97Fried tofu with peanut sauce #n97Thai iced tea #n97Signed the lease, Sheila planning where to put furniture #3gsTest video upload to pixelpipe flickr twitter nokia n97 v11