Check out my
new book!
HTML5 Games book
EXIF GPS info, Google Maps
Support for the GPS tags has now been added to the JavaScript EXIF data reader. I've whipped up a small example, a mini-gallery of sorts, where the GPS coordinates are read from the photos and then a small Google map shows you where it was taken. Check it out here. It is also easier now to load the EXIF data when you need it rather than have everything loaded on page-load.
⇓ 9 comments Anonymous

that's a cool idea : a lot easier than manually geotagging

June 13, 2008 at 12:06 PM
sanjayrana

Many thanks for posting the work on the javascript for reading EXIF
tags. I have been looking for such a script for a long time

I am making a DHTML webpage that will remain offline and simply allow me to view images on the webpage when I add them in response to an onclick event of a button. Adding+viewing was easier although it only works for IE, as Firfox prohibits local URLs.

Is it possible to customise your scripts to read the tags offline and after the image has been added to the webpages?

June 29, 2008 at 11:21 AM
r

w0w, recently i get a SE C702 which geotagged the photos. These libraries get me free to do a lot of things.

You have an awesome web page about javascript. I'll visit frequently.

October 21, 2008 at 10:58 AM
Jacob Seidelin

@r: Cool, I'm glad you find them useful :) Thanks for the feedback!


Also, for those wondering about Sanjay Rana's question above, we talked over email and it boiled down to data access not being available on local files due to security restrictions in the browser. I believe he ended up doing a Java implementation instead.

October 21, 2008 at 1:14 PM
raphaeld

Hello Jacob,

I'm currently working on a personal site and I'm using some of your very interesting techniques. The site will serve as a picture site where I will post pictures from my future world trip (one year travel from north america to south america).

My idea is to take pictures with a camera with GPS functionality so all the pictures will be tagged (in the exif) with a latitude and longitude.
The objective is to post these pictures on my site when I'm on tour and link them to a google map so visitors and myself can see the exact location.

I'm using your script (the jquery exif script) to read out some data from the picture. However the jquery version of your script doesn't read latitude and longitude tags while it's possible to do so with the other scripts (binaryajax.js and exif.js).

My question is it possible to read out the longitude and latitude data with your jquery script? Is it possible to tell me how to enable this data in jquery?

In every case thanks a lot for your scripts and hope you continue developing interesting and useful scripts.

Here's a sample of my site using your script. click on the little globe icon under the pictures to see google maps.

http://www.piazzadellarte.be/wts

greetings,

Raphaël

April 3, 2009 at 8:05 AM
raphaeld

If you have time to answer you can always drop me mail: raphaeld@gmail.com

thks,

Raphaël

April 3, 2009 at 8:12 AM
Cristian

Hei Jacob,

I've been trying to replicate the behaviour that you're describing here but with no success. Everything works 'till the code get's to

"EXIF.getData (oImg, function(){ "

All paths are correct and the Google Maps API key is valid. What's your input on this ? Where do you think the trouble lies ? Thanks !

the link is : http://cristiandrei.comxa.com/test/test.html

February 1, 2010 at 4:38 AM
Jacob Seidelin

@Cristian: You're missing the binaryajax.js file. You can get it from the demo page linked in the article.

February 1, 2010 at 10:51 AM
Cristian

Thanks Jacob,

The binaryajax.js file was wrong in my script. Works beautifully now. Great Job !

February 4, 2010 at 4:09 AM
Post a Comment