Welcome !

Read, comment and forward on your own risk :-)

Friday, March 28, 2008

Google Modules Interoperability

I like using Google tools. GMail is effectively my primary e-mail for private, work unrelated correspondence, I use PicasaWeb for albums, YouTube for videos, Blogger and lately I've started to play with Google Maps.
Eventually I believe I'll manage to combine all these wonderful capabilities and achieve one simple task: post on the blog a photo (easy) and show the reader the location this photograph was taken. It is possible and I'll try to do it in this post, but unfortunately, the steps to compete such task are not trivial and requires some preliminary knowledge. I do have some photographs with location information in EXIF (taken by Nokia N95 using geotag) and I wish there was something able to get and use this information from the file. Apparently, Flicker doing it but I didn't find anything like it in Google yet. Picasaweb allows you to put your picture on the map and then you can switch your album into map view where all pictures will be placed in context on the map. Not exactly what I'm looking for but this is nice step in the right direction. It seems that Panoramio is more suitable and it's Google too, but I'll give it a try another time. Also, this could be just too much for me to go over four (?) different modules to accomplish what seems to be so simple. What about just a Blogger what they call it, widget, facet or whatever that will show an image and if it has location in its EXIF will also show a map or a button that will open a div with a map in it? Simple challenge, is it not?

Anyway, until we find something less complex, let's put the next building on the map!
  1. I started from writing this blog post and added a photograph to using the Blogger web based editor. The actual file is kept on the special folder in my picasaweb account.
  2. Using the same Blogger editor, I switch to HTML (tab Edit Html) and copy the code for the inserted image.
  3. Next step was creating a new map in Google Maps and adding a placemark at the right location.
  4. At the placemark description, I switched to HTML and paste the code of the image from the Blogger post. Now the placemark has its description with embedded image. Both Blogger post and the map placemark point to the same image file stored in the picasaweb. Follow the link to see the placemark on the Google Maps. It's easy to create such link, just press "Link to this page" in the right-up corner of the map and you'll have two options: http link or html code for embedded map which I'm pasting below to complete the primary task: show photograph location in the blog. Mission accomplished!



View Larger Map

1 comment:

Gleb Gotgelf [Gleoba] said...

!Update: Today I try to put some photograph files with GPS data in EXIF directly to the PicasaWeb and it was excellent news for me that Picasa Web knows reading this information and puts the images on the map! Especially I loved the "play" link and the ability to jump between the images during the map view. There is also a "View in Google Earth" link for the KML file, apparently for sharing, I have to continue and find how exactly...