OpenStreetMap Bilder im Pop-Up

1. offizieller Beitrag

    Hallo Mario, erst einmal großen Respekt für die tolle Seite und die Widgets. Ich habe vorhin das Widget "Image Map" ausprobiert und als Hintergrundbild eine Landkarte genommen, da ich bestimmte Punkte anklicken wollte... das klappt auch gut, letztlich würde mir aber "OpenStreetMap" besser gefallen, jedoch lässt sich beim anklicken immer nur ein Text hinterlegen, könnte man eventuell wie bei ImageMap es so machen, das man ein Bild hinterlegen kann? Viele Grüße Stefan

    • Offizieller Beitrag

    Das war eigentlich nicht so angedacht, funktioniert aber recht einfach.


    • Die Bilder in entsprechender Größe in die "Bildverwaltung" importieren.
    • Diese Bilder schützen: Zahnrad > Eigenschaften > Weiteres > Bild schützen
    • Folgenden Code im Widget unter "Popup Text" einfügen: <img src="oid://image/dein-bild" alt="AltText">
    • In der Bildverwaltung Zahnrad > Mehr > Objekt-ID kopieren
    • In "Popup Text" den Teil oid://image/dein-bild mit deiner kopierten Ojekt-ID ersetzen.

    Hallo Mario, vielen, vielen Dank! Wirklich toll was du machst und an Arbeit investierst. Kann man eventuell die Bilder noch größer einstellen? Im Moment bleiben die recht klein, egal was ich auch für eine Bildgröße importiere.

    • Offizieller Beitrag

    Wenn du den Popups mit etwas CSS eine Feste Breite gibst sollte das klappen.

    Das CSS könnte man auch mit "Media Queries" erweitern und den Popups für die Mobile Ansicht eine andere Größe vergeben.


    Einstellungen > CSS

    CSS
    <style>
.leaflet-popup-content-wrapper, .leaflet-popup-tip {
     width: 290px;
}
</style>