<br><div class="gmail_quote"><br>Hi Hendrik,<br><br>some hints to get you started:<br><br>first of all, you probably want to generate thumbnails of your photos and load these into the map instead of the large-size images you are using now. This gives you a much better performance. The popup can then contain a link to the full-res version of the photo.<br>
<br>Extracting EXIF/GPS metadata from JPEG images in Javascript is possible, but quite hacky and out of OpenLayers' scope. There is a Javascript library of Jacob Seidelin that does that (<a href="http://blog.nihilogic.dk/2008/05/reading-exif-data-with-javascript.html" target="_blank">http://blog.nihilogic.dk/2008/05/reading-exif-data-with-javascript.html</a>), but it comes with the downside that you have to download all hi-res versions of the photos to the browser in order to get the gps coordinates contained in the exif metadata.<br>
<br>A better approach would be to dump out the GPS coordinates of the photos into a JSON file, and load that file into OpenLayers with an AJAX request. You can then specify an Openlayers.Format that parses this information and creates a feature for each of your photo.<br>
<br>You can use the exiftool command line utility (<a href="http://www.sno.phy.queensu.ca/%7Ephil/exiftool/" target="_blank">http://www.sno.phy.queensu.ca/~phil/exiftool/</a>) to quickly dump out all GPS coordinates into a JSON structure, see the reading examples page (<a href="http://www.sno.phy.queensu.ca/%7Ephil/exiftool/exiftool_pod.html#reading_examples" target="_blank">http://www.sno.phy.queensu.ca/~phil/exiftool/exiftool_pod.html#reading_examples</a>) for more information.<br>
<br>regards,<br><font color="#888888"><br>Franz</font><div><div></div><div class="h5"><br><br><div class="gmail_quote">2011/8/16 Hendrik Oesterlin <span dir="ltr"><<a href="mailto:hendrikmail2002@yahoo.de" target="_blank">hendrikmail2002@yahoo.de</a>></span><br>
<blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">
Hello,<br>
<br>
I am trying to display geotegged photos in an OpenLayers overlay in an<br>
easy way.<br>
<br>
I there a function that reads all jpg from an folder (or from a .txt<br>
list of individual paths) and puts them on the right spot depending on<br>
GPS position stored in EXIF data?<br>
<br>
Please find a sample photo here:<br>
<br>
<a href="http://www.oesterlin.ile.nc/div/DSC01090.JPG" target="_blank">www.oesterlin.ile.nc/div/DSC01090.JPG</a><br>
<br>
I'm avare that I could achieve this using some code like this:<br>
<br>
var Photos = new OpenLayers.Layer.Text("Photos",{location:"data/photos.txt", projection: epsg4326});<br>
map.addLayer(Photos);<br>
<br>
and the photos.txt file like<br>
lon lat title description icon iconSize<br>
166.859902 -22.231191 Chutes de la Madeleine <html><img src="data/DSC01090.jpg" width="480" height="640" border="1"/><br>photo DSC01090.jpg</html> data/DSC01090.jpg 18,15<br>
<br>
but was unable to figure out how to make the pop up bigger to fit to<br>
the photo, and how to make a little X in the pop up to close it in an<br>
intuitive manner.<br>
Additionnaly, it is not convenient to add the lat lon by hand to the<br>
text file for each photo.<br>
<br>
Find an test version here:<br>
<a href="http://www.oesterlin.ile.nc/test/20110816test-carte.html" target="_blank">http://www.oesterlin.ile.nc/test/20110816test-carte.html</a><br>
<br>
Thank you for every hint!<br>
<br>
Regard<br>
Hendrik<br>
<br>
_______________________________________________<br>
Users mailing list<br>
<a href="mailto:Users@lists.osgeo.org" target="_blank">Users@lists.osgeo.org</a><br>
<a href="http://lists.osgeo.org/mailman/listinfo/openlayers-users" target="_blank">http://lists.osgeo.org/mailman/listinfo/openlayers-users</a><br>
</blockquote></div><br>
</div></div></div><br>