Webseite mit Fotos auf Karte entlang eines Tracks

Ich habe:
-eine gpx-Datei
-dutzende georeferenzierte Fotos, die ich entlang der entsprechenden Strecke gemacht habe
-genug Webspeicherplatz, um diese Fotos alle online zu speichern
-auf meinem Webspeicherplatz die Möglichkeit, eine mySQL-Datenbank einzurichten, aber…
-keine Ahnung, wie man das macht oder ob das notwendig ist

Ich möchte alle diese Fotos auf einer eigenen Webseite auf einer Karte entlang des dargestellten Tracks anzeigen.
Entweder als Marker oder als Miniaturbild, die beim Anklicken das dazugehörige Bild anzeigen.
Gefunden habe ich bereits verschiedene Webdienste, die aber aus den verschiedensten Gründen nicht das Gelbe vom Ei sind.
Ebenfalls gefunden habe ich Software (Jalbum), die mir sowas produziert, aber nicht so, wie ich es mir vorstelle.
Da bekommt man ein Fotoalbum mit angeschlossener Karte, ich will eine Karte mit angeschlossenem Fotoalbum.
Kann jemand mit meinem Gestammel etwas anfangen? Oder noch besser, weiß jemand, wo ich eine Lösung für mein Problem finde?

Schau doch mal hier:

http://www.mapsmarker.com/

oder hier

http://wordpress.org/extend/plugins/osm/

eventuell wäre dort eine Lösung für dich dabei, zumal für solche Sachen Wordpress sowieso sehr beliebt ist.

mfG Michael

Mit openlayer http://www.openlayers.org/ kannst Du sowas sicher machen. Als Marker auf der Karte kann man jedes png/jpg Bild nehmen.
Im popup kann dann wieder ein größeres Bild drin sein, siehe z.B. http://hwri.funpic.de/OSM_circle/RW-BB.htm

Schau dir mal phpMyGPX an.
http://phpmygpx.tuxfamily.org/phpmygpx.php
Trifft ziemlich genau deine Voraussetzungen.

Vielen Dank für die Hinweise.
Aber so richtig ist auf den ersten Blick nichts dabei… :-/
Ich formuliere es noch mal anders. Ich suche etwas, was aus beliebig vielen Bildern die Position aus den Exifdaten liest und die Bilder, bzw. Marker mit Popups entsprechend auf einer Karte entlang eines sichtbaren GPS-Tracks positioniert. Im Grunde so wie in Josm, wenn man einen Track anzeigen lässt und vorher mit dem gleichen Track georeferenzierte Bilder dazu packt.
Ich hab mal ein wenig mit Exiftool rumgespielt. Immerhin kann ich jetzt aus allen Bildern eines Verzeichnisses beliebige Angaben aus den Exif-Daten in eine CSV-Datei schreiben und die als Tabelle weiterverarbeiten.
Beispiel:

exiftool -q -r -t -f -S -n -csv -fileName -GPSPosition -Model -FocalLength -ExposureTime -FNumber -ISO -BrightnessValue -LensID "." > gps.csv

Das hat mich nach Beispielen suchen lassen, wo die Angaben zu den Markern aus externen Textdateien angezogen werden. Bei http://www.netzwolf.info/kartografie/openlayers/csv_einfach bin ich fündig geworden. Wenn mir jetzt noch jemand verraten kann, wie ich in die Textdatei einen Link zum entsprechenden Bild eintragen muss, und wie ich den Track ebenfalls noch dargestellt bekomme, hätte ich schon mal ein brauchbares Ergebnis. Über einen Umweg zwar, aber immerhin.

schau mal hier rein:
http://wiki.openstreetmap.org/wiki/Openlayers_POI_layer_example

in title und description kann man html code reinschreiben, z.B. Wiki

Wie man das Pop-up dann groß machen kann, habe ich noch nicht gefunden.

Vielleicht hilfte dir meine Bastelei etwas weiter:
http://malenki.ch/OSM/html/BED/wanderwege_bed_III_bilder.html?zoom=17&lat=50.87657&lon=13.32467&layers=0B00TTTTFFFFTTTFFTTT

Weitere Anregungen kannst du dir bestimmt auch bei der OpenLinkMap holen: http://www.openlinkmap.org/?lat=50.916608099999756&lon=13.34134710000016&zoom=16&id=91661686&type=way

Vielen Dank, ich hab deinen Code mal auf das für mich Notwendige eingedampft und das ist dabei heraus gekommen:
http://osmkollege.ohost.de/osm/ (zipfile) (Achtung, Werbung und nicht sehr schnell)
Wenn ich jetzt noch wüsste, wie ich den Zoombalken links wieder sichtbar machen kann und wie ich das Ganze mit einem externen Textfile lösen kann, wäre es schon fast perfekt.

Vielleicht fehlt die Graphik für den Zoombalken? Ich habe jedesfalls nichts in map.zip\img gefunden.

externes Textfile: mit javascript lässt sich sohl nicht so ohne weiteres ein File lesen (http://www.nczonline.net/blog/2012/05/08/working-with-files-in-javascript-part-1/),
mit dem Beispiel hier http://www.alecjacobson.com/weblog/?p=1645 kann man ein lokales Text File auswählen, einlesen und dann anzeigen.

Aber es muss noch eine andere Möglichkeit geben, openlayers macht das mit OpenLayers.Layer.Text ja auch.

Glaube ich auch.

Besorge Dir zoombar.png und kopiere die in Deinen img-Ordner.

Keiner weiss, wie es geschah - plötzlich war er wieder da :wink:

Was hast du gemacht?

Gruss
walter

Pack doch diesen Teil

		addMarker(marker_ko, 	13.268346,	51.349115,	'<img src="1/0789.jpg"/>',	'd10_y.png',24,24,+0,-24);
		addMarker(marker_ko, 	13.763371,	51.060059,	'<img src="1/0929.jpg"/>',	'd10_y.png',24,24,+0,-24);
		addMarker(marker_ko, 	13.451153,	51.185027,	'<img src="1/0861.jpg"/>',	'd10_y.png',24,24,+0,-24);
		addMarker(marker_ko, 	13.375380,	51.301691,	'<img src="1/0816.jpg"/>',	'd10_y.png',24,24,+0,-24);
		addMarker(marker_ko, 	13.753783,	51.057596,	'<img src="1/0926.jpg"/>',	'd10_y.png',24,24,+0,-24);
		addMarker(marker_ko, 	13.414749,	51.221436,	'<img src="1/0853.jpg"/>',	'd10_y.png',24,24,+0,-24); 

in eine function und dann in eine externe Datei.

hey, das ist aber wirklich “Von hinten durch die Brust in’s Auge”.
Es gibt Dutzende von Beispielen, wie man externn Daten in OL reinbekommt - und jetzt sowas … tse, tse…

Gruss
Walter

Ich weiß, es gibt genug Beispiele, aber irgendwie bekomme ich es nicht hin. Ich bin kein besonders begnadeter Coder und bastel mir solche Sachen in der Regel per try and error zusammen. Bei der Sache jetzt kam bis jetzt immer nur error. Aber irgendwann wird es schon klappen, wahrscheinlich nur ne Klammer an der falschen Stelle oder ein Komma zu wenig…
Das mit der Zoomleiste ist gefixt, danke für den Tipp. Nur für den Fall, dass es jemanden aufgefallen ist, die Popups funktionieren jetzt auch bei eingeschalteter Schummerung. Da hatte ich die Reihenfolge der Layer nicht beachtet.

Hier ist es genauso und der Grund, warum ich die Daten schlussendlich (und hässlich unsauber) direkt in die html-Datei gepackt habe…

Funktioniert ja auch. Ich bin mir noch nicht mal sicher, ob ein externes Textfile irgendwelche Vorteile im konkreten Fall bringen würde.
Mal nebenbei gefragt:
Hat jemand eine Ahnung, was mit dieser Seite nicht mehr stimmt? Nach meiner Erinnerung funktionierte das mal.

Die scheitert seit Openlayers 2.11(?) an “OpenLayers.Layer.OSM.Osmarender” und von “OpenLayers.Layer.GPX” werden auch Probleme berichtet.

Grüße, Max

Den Osmarender-Layer hatte ich zwar entfernt, aber das allein hat nichts bewirkt. Erst als ich an checkUtilVersion gedreht habe, lief es wieder. Warum, kann ich nicht mehr so richtig nachvollziehen.
Gestern hab ich mal Code aus verschiedensten Quellen zum Thema “Gemeindekarte” in den Mixer gehauen und eingeköchelt.
http://osmkollege.ohost.de/osm/ (zipfile) (Achtung, Werbung und nicht sehr schnell)
Wenn jemand mit mehr Kenntnis der Materie da mal drüber schauen und Verbesserungen vornehmen könnte, wäre bestimmt einigen Leuten sehr geholfen.

Lässt mir keine Ruhe, ich muss noch mal fragen.
Hier hab ich mal mit einem Mix aus Text-Layer und Vector-Layer gespielt. Man muss den Vector-Layer ausschalten, um den Text-Layer benutzen zu können. Aber ich möchte eh nur eine Variante benutzen.
Doch leider fehlt mit zur Vollendung bei jeder Variante noch was.

Beim Text-Layer ist es die Größe der Pupups. Während sich beim Vector-Layer das Popup schön der Größe der Grafik anpasst, bleibt es beim Text-Layer immer in der gleichen Größe (zu klein) mit hässlichen Scroll-Balken. Kann man das beeinflussen?

Beim Vector-Layer hab ich noch keine Möglichkeit gefunden, mehrere Marker per Textfile zu setzen. Geht das überhaupt?

Zum Text-Layer Problem:

Gehe in die openlayers.js rein und suche dir die Stelle wo “width” und “height” mit “200px” fix codiert drin stehen. Wenn du die änderst, sollte sich die Größe ändern…