Karte mit mehreren Markierungen und Popups in eine Webseite einbinden
-
Karte mit mehreren Markierungen und Popups in eine Webseite einbinden · Herzbergh (Gast) · 11.03.2022 00:19 · [flux]
Hi, ich habe mit Hilfe des Tutorials (https://wiki.openstreetmap.org/wiki/DE: … _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!
- Re: Karte mit mehreren Markierungen und Popups in eine Webseite einbinden · FreiTal (Gast) · 11.03.2022 06:41 · [flux]
Besser vielleicht mit uMap: https://umap.openstreetmap.de/de/ - https://wiki.openstreetmap.org/wiki/DE:UMap/Anleitung
Beispiel: http://umap.openstreetmap.fr/de/map/tes … 87/13.5839 - Re: Karte mit mehreren Markierungen und Popups in eine Webseite einbinden · Wulf4096 (Gast) · 11.03.2022 06:41 · [flux]
Hallo! Hast du mal den Link zu deiner Seite/Karte?
- Re: Karte mit mehreren Markierungen und Popups in eine Webseite einbinden · dieterdreist (Gast) · 11.03.2022 09:30 · [flux]
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));
- Re: Karte mit mehreren Markierungen und Popups in eine Webseite einbinden · Herzbergh (Gast) · 11.03.2022 14:40 · [flux]
FreiTal wrote:
Besser vielleicht mit uMap: https://umap.openstreetmap.de/de/ - https://wiki.openstreetmap.org/wiki/DE:UMap/Anleitung
Beispiel: http://umap.openstreetmap.fr/de/map/tes … 87/13.5839ist 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? - Re: Karte mit mehreren Markierungen und Popups in eine Webseite einbinden · SafetyIng (Gast) · 13.03.2022 00:17 · [flux]
Herzbergh wrote:
ist umap auch offen/gratis für kommerzielle seiten?
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/o … dingungen/Nicht erlaubte Nutzungen
Die gewerbliche Nutzung ist nur gestattet, wenn die Nutzung der Dienste keinen wesentlichen Teil eines Onlineangebots darstellt. Beispiel für keinen wesentlichen Teil: Anfahrtsskizzen auf Websites.
Webseiten mit hohem Trafficaufkommen dürfen unsere Services grundsätzlich nicht nutzen.
Das massenhafte Herunterladen von Daten ist verboten.Es ist aber auch OpenSource, könnte also auch selber betrieben werden.
Herzbergh wrote:
ausserdem würde es mich interessieren, ob man marker über eine API bei umap ergänzen kann?
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.)
- Re: Karte mit mehreren Markierungen und Popups in eine Webseite einbinden · Herzbergh (Gast) · 14.03.2022 02:15 · [flux]
dieterdreist wrote:
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));
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..
- Re: Karte mit mehreren Markierungen und Popups in eine Webseite einbinden · dieterdreist (Gast) · 14.03.2022 10:16 · [flux]
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
- Re: Karte mit mehreren Markierungen und Popups in eine Webseite einbinden · Herzbergh (Gast) · 15.03.2022 14:34 · [flux]
dieterdreist wrote:
ich würde leaflet verwenden, hier steht wie es gemacht wird, mit Beispielen https://leafletjs.com/SlavaUkraini/
(link haben sie aktuell so umbenannt)leaflet scheint wirklich super zu sein! danke! damit kann man offensichtlich alles so machen wie ich es im optimalfall gerne hätte!