Karte mit mehreren Markierungen und Popups in eine Webseite einbinden

Communities Deutschland (Germany)
1

Hi, ich habe mit Hilfe des Tutorials (https://wiki.openstreetmap.org/wiki/DE:Karte_in_Webseite_einbinden) versucht, eine Karte mit Markierungen und Popups auf meiner Webseite einzubinden.

Leider habe ich nun das Problem, dass insofern mehrer Marker eingebunden werden auch gleich mehrere Popups dargestellt werden:

addMarker(layer_markers, 6.641389, 49.756667, popuptext);
addMarker(layer_markers2, 6.541389, 49.456467, popuptext2);
addMarker(layer_markers2, 6.141329, 42.456367, popuptext3);

Ich würde jedoch gerne nur ein Popup beim Laden der Webseite angezeigt bekommen und die anderen beiden erst wenn ich sie anklicke.
Ist dies mit einem Parameter möglich?

Vielen Dank!

2

Besser vielleicht mit uMap: https://umap.openstreetmap.de/de/ - https://wiki.openstreetmap.org/wiki/DE:UMap/Anleitung
Beispiel: http://umap.openstreetmap.fr/de/map/testkarte-fur-logopadie_511285#12/51.0087/13.5839

3

Hallo! Hast du mal den Link zu deiner Seite/Karte?

4

ich glaube der Grund ist in dieser Zeile, die mal auskommentieren / löschen, dann sollten die popups erst nach Click auf den Marker geöffnet werden:

map.addPopup(feature.createPopup(feature.closeBox));
5

ist umap auch offen/gratis für kommerzielle seiten?
ausserdem würde es mich interessieren, ob man marker über eine API bei umap ergänzen kann?

6

Kommt wahrscheinlich auf die uMap-Instanz und den Einsatzzweck an; z.B. umap.openstreetmap.de verweist auf die Nutzungsbedingungen der FOSSGIS:
https://www.fossgis.de/arbeitsgruppen/osm-server/nutzungsbedingungen/

Es ist aber auch OpenSource, könnte also auch selber betrieben werden.

Jein, das geht soweit, dass du eine Ebene erstellen kannst und dort “ausgelagerte Daten” ablegen kannst. Hier werden aktuell alle gängigen Formate im Umkreis von OSM unterstützt. (csv, geojson, usw.)

7

hi, kann ich leider nicht finden und “createPopup” ist nur in der OpenLayers.js zu finden!

eigtl sollte es auch möglich sein, dass man vielleicht unterschiedliche marker icons verwenden kann und das man nach dem laden nur ein aktives popup sieht, während die anderen erst nach anklicken sichtbar werden…

schade ist auch, dass man wohl diese markierungen für geschäfte etc nicht deaktivieren kann…

8

ich würde leaflet verwenden, hier steht wie es gemacht wird, mit Beispielen https://leafletjs.com/SlavaUkraini/
(link haben sie aktuell so umbenannt)

Für Openlayers musst du hier nachsehen: https://openlayers.org/

ansonsten gibt es auch plugins für viele CMS wie wordpress, oder du bindest eine umap per iframe ein, was wahrscheinlich am einfachsten geht

9

leaflet scheint wirklich super zu sein! danke! damit kann man offensichtlich alles so machen wie ich es im optimalfall gerne hätte!

10

Ich habe mir diese Seite auch angesehen und leaflet scheint auch für mich die optimale Lösung zu sein.

Ich möchte es in Joomla 5 benutzen und habe es nicht hinbekommen, dass in Joomla funktioniert. Hat jemand eine Idee / Erfahrung?
Danke,