Mehrere Icons einbinden Openstreetmap/Openlayers

desputin · 2009-12-07T12:43:24.000Z

Hallo,

ich würde gerne auf dieser karte verschiedene Icons einbinden:
http://christopherstark.de/extern/karte-test.htm

Das Problem: Ich weiß nicht wie es geht, bzw. wie ich einen neuen Layer für andere Icons hinzufüge, ohne daß der Javascript-text “kaputt” geht.

die Icon-Datei liegt in der utils.js unter
var icon = makeIcon(‘/extern/steinkohle.png’, 32, 32);

Der entsprechende Layer heißt kohlekraftwerke

Kann mir da jemand von Euch helfen?

Viele Grüße Christopher

railsnail · 2009-12-07T14:20:45.000Z

Das könnte etwas damit zu tun haben, dass du laut Dokumentation Icons nur einmal nehmen darfst:
http://dev.openlayers.org/docs/files/OpenLayers/Marker-js.html
Im Beispiel dort wird “icon.clone()” verwendet , um mehrere gleiche Icons zu benutzen.

desputin · 2009-12-07T14:25:32.000Z

Könnte ich denn einfach einen komplett neuen Layer mit eigener js-Datei anlegen, in welchem auf eine andere Icondatei verwiesen wird`? Es wäre echt gut, wenn es möglich wäre, mehrere verschiedene Icons auf einer Seite anzuzeigen.

railsnail · 2009-12-07T14:50:48.000Z

Vielleicht geht es so:

utils.js - zusätzlicher Übergabeparameter “icon”:

function addMarker(layer, lon, lat, popupContentHTML, icon)

Diese Zeile aus utils.js löschen:

var icon = makeIcon('/extern/steinkohle.png', 32, 32);

und in markers-test.js oder direkt in der html-Datei

var icon1 = makeIcon('/extern/steinkohle.png', 32, 32);
var icon2 = makeIcon('/extern/braunkohle.png', 32, 32);

usw. vor dem jeweiligen addMarker-Aufruf einfügen und dabei icon1 usw. als zusätzlichen Übergabeparameter anhängen:

addMarker(layer1, lon1, lat1, popupContentHTML1, icon1);
addMarker(layer2, lon2, lat2, popupContentHTML2, icon2);

desputin · 2009-12-07T16:22:05.000Z

Hm, das scheint leider nicht zu klappen.

addMarker(layer1, lon1, lat1, popupContentHTML1, icon1);

Das Problem hierbei scheint mir auch zu sein, daß “layer1” in keiner anderen Datei erwähnt wird, oder?

http://christopherstark.de/extern1/karte-marker4.htm

railsnail · 2009-12-07T16:37:29.000Z

Für “layer1” gibts du bei dir “layer_local” ein. Falls du verschiedene Layer hast, gibt du immer den Namen des Layers ein, zu dem der entsprechende Marker gehören soll; für “lon1, lat1” jeweils die zum Marker gehörenden Koordinaten, für “popupContentHTML1” den dazugehörenden HTML-Text, und dann die dazu gehörende icon-Variable.

Luccass · 2009-12-07T16:38:26.000Z

Hallo,
möchtest Du so etwas wie auf:
http://www.hoogstede.de/hoogstede/hoogstede.htm ?
Dann könnte ich Dir helfen!
Luccass

desputin · 2009-12-07T16:55:30.000Z

@Luccass

nee, diese Methode mit der txt-Datei möchte ich nicht verwenden, weil man da die Größe der Popupboxen nicht verändern kann und die Dinger keine Knöpfe zum schließen haben. Ich versuche das jetzt lieber mit der openlayers-Methode.

desputin · 2009-12-08T13:34:25.000Z

@railsnail:

Ok, habe Deine vorgeschlagenen Änderungen durchgeführt, aber einen zweiten Layer bekomme ich gerade nicht hin. Ich habe zwar zum layer_local noch den layer-braun hinzugefügt:

var layer_local;
var layer_braun;

und

layer_local = new OpenLayers.Layer.Markers("Kohlekraftwerke", { visibility: true });
map.addLayer(layer_local);
createMarkers();

layer_braun = new OpenLayers.Layer.Markers1("Braunkohle", { visibility: true });
map.addLayer(layer_braun);
createMarkers();

Aber dennoch erscheint beim Kreuz oben in der Karte nicht der Braunkohle-Layer…

PS OK, der “Braunkohle” Layer wird zwar angezeigt, aber es tut sich nichts, wenn ich ihn ein- und ausschalte.

railsnail · 2009-12-08T16:20:18.000Z

Wie sieht denn createMarkers() jetzt aus? Was ist die aktuelle html-Datei?

Ist es richtig, dass dort “layer_braun = new OpenLayers.Layer.Markers1” und nicht “Markers” steht?

desputin · 2009-12-09T13:54:43.000Z

Danke für Deine Hilfe!!

Hm, ich habe Markers1 jetzt in Markers geändert.
Es geht leider noch nicht richtig. Es wird ausschließlich die eine Sorte der Icons angezeigt (immerhin wird schon was angezeigt!)

http://christopherstark.de/extern/karte-funktioniert-mi-marker.htm

Irgendwo scheint noch ein Fehler drin zu sein…

godofglow · 2009-12-09T14:03:19.000Z

Hey.

Irgendwas passt auch mit dem Verschieben nicht, das ist inicht gleich der Mausbewegung der Maus.

Gruß

desputin · 2009-12-09T14:26:13.000Z

Ja, das mit dem Verschieben kenn ich schon:

http://forum.openstreetmap.org/viewtopic.php?id=5599

konnte das Problem hier aber noch nicht lösen. Ich habe leider keine Ahnung von Javascript - nur von “reverse-programming”

railsnail · 2009-12-09T19:12:46.000Z

Es wird ausschließlich die eine Sorte der Icons angezeigt

Für “function addMarker(layer, lon, lat, popupContentHTML, icon)” fehlt in function createMarkers() wahrscheinlich der Aufrufparameter für icon:
addMarker(layer_local, 6.615796,51.03779,‘…’);
(Den Text für popupContentHTML habe ich wegen der Übersichtlichkeit einmal durch Punkte ersetzt.)

Sollte wohl so aussehen

für jedes Bild die Variable icon vorbesetzen:
var icon1 = makeIcon(‘/extern/steinkohle.png’, 32, 32);
var icon2 = makeIcon(‘/extern/braunkohle.png’, 32, 32);
alle addMarker- Aufrufe zum Schluss in iconX ergänzen:
addMarker(layer_local, 6.615796,51.03779,‘…’, icon1);
addMarker(layer_local, 6.615796,51.03779,‘…’, icon2);

desputin · 2009-12-10T10:37:15.000Z

Hm, nein, das hatte ich bereits genau so gemacht.
Siehe auch hier:
http://christopherstark.de/extern/markers-final-do-marker.js

und hier
http://christopherstark.de/extern/karte-funktioniert-do-marker.htm

railsnail · 2009-12-10T11:13:47.000Z

Hallo,

markers-final-do-marker.js ist in der Html-Datei nicht eingebunden
createMarkers() nur einmal zum Schluss aufrufen, nachdem alle map.addLayer() -Aufrufe fertig sind.

desputin · 2009-12-10T12:28:52.000Z

Hallo,

iin welcher Datei soll createMarkers am Ende aufgerufen werden? in der JS-Datei, oder html?

Das Problem mit dem Verschieben hat sich lustigerweise gelöst:
http://christopherstark.de/extern/karte-funktioniert-do-marker5.htm

Es wird aber nach wie vor auf der Karte beim Plus oben auch nur ein marker-Layer angezeigt

PS, ich bin gerade am überlegen, ob ich die Karte nicht so machen sollte (siehe ganz unten im Post):
http://forum.openstreetmap.org/viewtopic.php?pid=49112#p49112

Vielleicht weißt Du mir ja da helfen ?

railsnail · 2009-12-10T16:05:37.000Z

desputin:

in welcher Datei soll createMarkers am Ende aufgerufen werden? in der JS-Datei, oder html?

In der HTML-Datei sollte es etwa so aussehen:

layer_local = new OpenLayers.Layer.Markers("Kohlekraftwerke", { visibility: true });
map.addLayer(layer_local);
layer_braun = new OpenLayers.Layer.Markers("Braunkohle", { visibility: true });
map.addLayer(layer_braun);
createMarkers();

Außerdem sehe ich gerade, dass in der verwendeten utils.js die function addMarker(layer, lon, lat, popupContentHTML) ohne den letzten Übergabeparameter “icon” ist.

railsnail · 2009-12-13T14:20:04.000Z

desputin:

Vielleicht weißt Du mir ja da helfen ?

Hast du meine Mail vom 11.12. bekommen?

desputin · 2009-12-15T08:38:45.000Z

Nein, eine Email?

Meine Adresse ist hier:
http://christopherstark.de/epost.htm

Viele Grüße Christopher