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.
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.
that's a cool idea : a lot easier than manually geotagging
June 13, 2008 at 12:06 PM chirrupinsanjayMany thanks for posting the work on the javascript for reading EXIF
June 29, 2008 at 11:21 AM Raul Tiernotags. 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?
w0w, recently i get a SE C702 which geotagged the photos. These libraries get me free to do a lot of things.
October 21, 2008 at 10:58 AM Jacob SeidelinYou have an awesome web page about javascript. I'll visit frequently.
@r: Cool, I'm glad you find them useful :) Thanks for the feedback!
October 21, 2008 at 1:14 PM UnknownAlso, 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.
Hello Jacob,
April 3, 2009 at 8:05 AM UnknownI'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
If you have time to answer you can always drop me mail: raphaeld@gmail.com
April 3, 2009 at 8:12 AM Cristianthks,
Raphaël
Hei Jacob,
February 1, 2010 at 4:38 AM Jacob SeidelinI'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
@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 CristianThanks Jacob,
February 4, 2010 at 4:09 AMThe binaryajax.js file was wrong in my script. Works beautifully now. Great Job !