Webseite mit Fotos auf Karte entlang eines Tracks

kollege · 2012-09-18 13:25:43

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?

Last edited by kollege (2012-09-18 13:26:44)

r-michael · 2012-09-18 15:35:30

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

Last edited by r-michael (2012-09-18 16:25:50)

fx99 · 2012-09-18 16:52:08

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

Sellerhäuser · 2012-09-18 17:16:12

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

kollege · 2012-09-18 20:54:33

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/op … sv_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.

fx99 · 2012-09-18 21:33:52

kollege wrote:

Das hat mich nach Beispielen suchen lassen, wo die Angaben zu den Markern aus externen Textdateien angezogen werden. Bei http://www.netzwolf.info/kartografie/op … sv_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/Open … er_example

in title und description kann man html code reinschreiben, z.B. <a href="http://de.wikipedia.org/wiki/Tjumen" target="_blank">Wiki</a>

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

malenki · 2012-09-23 11:26:58

Vielleicht hilfte dir meine Bastelei etwas weiter:
http://malenki.ch/OSM/html/BED/wanderwe … FFTTTFFTTT

Weitere Anregungen kannst du dir bestimmt auch bei der OpenLinkMap holen: http://www.openlinkmap.org/?lat=50.9166 … 6&type=way

kollege · 2012-09-25 11:54:23

malenki wrote:

Vielleicht hilfte dir meine Bastelei etwas weiter:
http://malenki.ch/OSM/html/BED/wanderwe … FFTTTFFTTT

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.

fx99 · 2012-09-25 20:13:26

kollege wrote:

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/0 … pt-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.

maxbe · 2012-09-25 20:24:50

fx99 wrote:

Vielleicht fehlt die Graphik für den Zoombalken?

Glaube ich auch.

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

Last edited by maxbe (2012-09-25 20:25:01)

wambacher · 2012-09-26 07:09:06

fx99 wrote:

Vielleicht fehlt die Graphik für den Zoombalken?

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

Was hast du gemacht?

Gruss
walter

fx99 · 2012-09-26 07:19:00

kollege wrote:

..... und wie ich das Ganze mit einem externen Textfile lösen kann, wäre es schon fast perfekt.

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.

wambacher · 2012-09-26 07:26:29

fx99 wrote:

kollege wrote:

..... und wie ich das Ganze mit einem externen Textfile lösen kann, wäre es schon fast perfekt.

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

kollege · 2012-09-26 08:05:46

wambacher wrote:

Es gibt Dutzende von Beispielen, wie man externn Daten in OL reinbekommt - und jetzt sowas ... tse, tse...

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.

malenki · 2012-09-30 12:00:12

kollege wrote:

wambacher wrote:
Es gibt Dutzende von Beispielen, wie man externn Daten in OL reinbekommt - und jetzt sowas ... tse, tse...
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.

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

kollege · 2012-10-02 11:58:46

malenki wrote:

kollege wrote:
wambacher wrote:
Es gibt Dutzende von Beispielen, wie man externn Daten in OL reinbekommt - und jetzt sowas ... tse, tse...
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.
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.

maxbe · 2012-10-02 12:09:16

kollege wrote:

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

kollege · 2012-10-04 11:33:27

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.

kollege · 2012-10-23 11:58:04

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?

tunnelbauer · 2012-10-23 12:09:12

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...

wambacher · 2012-10-23 14:45:17

kollege wrote:

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

Klar, denn: Vector kann alles!

füge einfach mal einen 2. Turm hinzu (*) und dann wirst du 2 Türme sehen. Man kann mehrere Features adden oder auch eine Liste von Features. kein Problem. da steht ja auch addFeatures und nicht addFeature.

Ob es allerdings elegant ist, die Rohdaten fest zu verdrahten, ist eine andere Sache. Das wirst du aber wohl später ändern (müssen)

Gruss
walter

*) die vier Zeilen duplizieren und Daten ändern.

Last edited by wambacher (2012-10-23 14:48:31)

ikonor · 2012-10-23 17:33:44

kollege wrote:

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

Müsste mit Format.Text gehen, in etwa so (nicht getestet):

              var blumbergVectorLayer = new OpenLayers.Layer.Vector("Vector Layer", {
                    protocol: new OpenLayers.Protocol.HTTP({
                        url: "./objects.txt",
                        format: new OpenLayers.Format.Text()
                    }),
                    strategies: [new OpenLayers.Strategy.Fixed()],                
                    projection : PROJECTION_4326
                });

Gruß,
Norbert

Last edited by ikonor (2012-10-23 17:34:28)

kollege · 2012-10-24 10:31:31

wambacher wrote:

kollege wrote:
Beim Vector-Layer hab ich noch keine Möglichkeit gefunden, mehrere Marker per Textfile zu setzen. Geht das überhaupt?
Klar, denn: Vector kann alles!
füge einfach mal einen 2. Turm hinzu (*) und dann wirst du 2 Türme sehen. Man kann mehrere Features adden oder auch eine Liste von Features. kein Problem. da steht ja auch addFeatures und nicht addFeature.

Ja, nee, das war klar. Das verstehe sogar ich.

wambacher wrote:

Ob es allerdings elegant ist, die Rohdaten fest zu verdrahten, ist eine andere Sache. Das wirst du aber wohl später ändern (müssen)

Ich hoffe, ich verstehe dich jetzt nicht falsch, aber genau deshalb will ich ja die Daten aus einem Textfile ziehen.

Das Openlayerbeispiel konnte ich schon mal dazu bewegen, meine Marker anzuzeigen. Jetzt rate ich gerade herum, welchen Teil des Codes ich wohin in meine Beispielkarte kopieren muss und wie ich dann wieder die Grafiken für die Marker durch Vector Features ersetzen kann. Finde ich nämlich eine sehr elegante Sache.

kollege · 2012-10-24 10:33:23

tunnelbauer wrote:

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...

Danke, da hätte ich auch selber drauf kommen können. Eleganter wäre es allerdings, wenn sich das Popup der Grafikgröße anpasst, so wie beim Vector-Layer.

kollege · 2012-11-12 12:48:36

Ich habe jetzt mal was mit Leaflet gemacht.

Announcement

#1 2012-09-18 13:25:43

Webseite mit Fotos auf Karte entlang eines Tracks

#2 2012-09-18 15:35:30

Re: Webseite mit Fotos auf Karte entlang eines Tracks

#3 2012-09-18 16:52:08

Re: Webseite mit Fotos auf Karte entlang eines Tracks

#4 2012-09-18 17:16:12

Re: Webseite mit Fotos auf Karte entlang eines Tracks

#5 2012-09-18 20:54:33

Re: Webseite mit Fotos auf Karte entlang eines Tracks

#6 2012-09-18 21:33:52

Re: Webseite mit Fotos auf Karte entlang eines Tracks

#7 2012-09-23 11:26:58

Re: Webseite mit Fotos auf Karte entlang eines Tracks

#8 2012-09-25 11:54:23

Re: Webseite mit Fotos auf Karte entlang eines Tracks

#9 2012-09-25 20:13:26

Re: Webseite mit Fotos auf Karte entlang eines Tracks

#10 2012-09-25 20:24:50

Re: Webseite mit Fotos auf Karte entlang eines Tracks

#11 2012-09-26 07:09:06

Re: Webseite mit Fotos auf Karte entlang eines Tracks

#12 2012-09-26 07:19:00

Re: Webseite mit Fotos auf Karte entlang eines Tracks

#13 2012-09-26 07:26:29

Re: Webseite mit Fotos auf Karte entlang eines Tracks

#14 2012-09-26 08:05:46

Re: Webseite mit Fotos auf Karte entlang eines Tracks

#15 2012-09-30 12:00:12

Re: Webseite mit Fotos auf Karte entlang eines Tracks

#16 2012-10-02 11:58:46

Re: Webseite mit Fotos auf Karte entlang eines Tracks

#17 2012-10-02 12:09:16

Re: Webseite mit Fotos auf Karte entlang eines Tracks

#18 2012-10-04 11:33:27

Re: Webseite mit Fotos auf Karte entlang eines Tracks

#19 2012-10-23 11:58:04

Re: Webseite mit Fotos auf Karte entlang eines Tracks

#20 2012-10-23 12:09:12

Re: Webseite mit Fotos auf Karte entlang eines Tracks

#21 2012-10-23 14:45:17

Re: Webseite mit Fotos auf Karte entlang eines Tracks

#22 2012-10-23 17:33:44

Re: Webseite mit Fotos auf Karte entlang eines Tracks

#23 2012-10-24 10:31:31

Re: Webseite mit Fotos auf Karte entlang eines Tracks

#24 2012-10-24 10:33:23

Re: Webseite mit Fotos auf Karte entlang eines Tracks

#25 2012-11-12 12:48:36

Re: Webseite mit Fotos auf Karte entlang eines Tracks

Board footer