If you want to have more control over your popups, its better to create a vector layer with a passed in text format instead of a text layer:<br><br>var photos = new OpenLayers.Layer.Vector("Photo Layer", {<br> strategies: [new OpenLayers.Strategy.Fixed()],<br>
protocol: new OpenLayers.Protocol.HTTP({<br> url: "photos.txt",<br> format: new OpenLayers.Format.Text()<br> })<br>});<br><br>You can combine this layer with a featureSelect control and open a popup of your choice, as demonstrated in the sundials example: <a href="http://openlayers.org/dev/examples/sundials.html">http://openlayers.org/dev/examples/sundials.html</a>.<br>
Of course, this approach sacrifices the simplicity of the text layer, but allows you to customize any aspect of your features and popups.<br><br>Franz<br><br><div class="gmail_quote">2011/8/16 Hendrik Oesterlin <span dir="ltr"><<a href="mailto:hendrikmail2002@yahoo.de">hendrikmail2002@yahoo.de</a>></span><br>
<blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex;">"Franz Buchinger" <a href="mailto:fbuchinger@gmail.com">fbuchinger@gmail.com</a> wrote on 16/08/2011 at 21:17:11 +1100<br>
subject "[OpenLayers-Users] Display geotagged photos in OpenLayers" :<br>
<br>
Thank you very much for your reply!<br>
<div class="im"><br>
> first of all, you probably want to generate thumbnails of your photos and<br>
> load these into the map instead of the large-size images you are using now.<br>
> This gives you a much better performance.<br>
<br>
</div>Yes, this is very easy to do. Shrink the jpg instead of setting only<br>
the pixel dimensions.<br>
<div class="im"><br>
> The popup can then contain a link<br>
> to the full-res version of the photo.<br>
<br>
</div>How can the pop up size be defined?<br>
<div class="im"><br>
> Extracting EXIF/GPS metadata from JPEG images in Javascript is possible, but<br>
> quite hacky and out of OpenLayers' scope. There is a Javascript library of<br>
> Jacob Seidelin that does that (<br>
> <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>),<br>
> but it comes with the downside that you have to download all hi-res versions<br>
> of the photos to the browser in order to get the gps coordinates contained<br>
> in the exif metadata.<br>
<br>
> A better approach would be to dump out the GPS coordinates of the photos<br>
> into a JSON file, and load that file into OpenLayers with an AJAX request.<br>
> You can then specify an Openlayers.Format that parses this information and<br>
> creates a feature for each of your photo.<br>
<br>
</div>As I am not a web designer, and I am not familiar enough with<br>
JavaScript, JSON and AJAX this is not easy to achieve for me...<br>
<div class="im"><br>
> You can use the exiftool command line utility (<br>
> <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<br>
> coordinates into a JSON structure, see the reading examples page (<br>
> <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>)<br>
> for more information.<br>
<br>
</div>Thank you for this tool! extracting lat/lon is easy with it and I will<br>
be able to create the text file for use with the<br>
<div class="im"><br>
var Photos = new OpenLayers.Layer.Text("Photos",{location:"data/photos.txt", projection: epsg4326});<br>
map.addLayer(Photos);<br>
<br>
</div>code.<br>
<br>
My remaining problem is to enlarge the pop up size big enough to fit<br>
the photo in it.<br>
<br>
An "X" to close the pop up would be handy too.<br>
<font color="#888888"><br>
--<br>
Sincerely<br>
Hendrik Oesterlin - email <a href="mailto:hendrikmail2002@yahoo.de">hendrikmail2002@yahoo.de</a><br>
</font><div><div></div><div class="h5"><br>
_______________________________________________<br>
Users mailing list<br>
<a href="mailto:Users@lists.osgeo.org">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>
</div></div></blockquote></div><br>