OpenStreetMap Bilder im Pop-Up

Buch88

< h1> 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< /h1>

mario

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.

Buch88

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.

mario

Kann ich schlecht sagen ohne das zu sehen, bei meinem Test wurden die immer in Originalgröße angezeigt.

mario

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

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

Buch88

Vielen Dank!