Druckbare Version
Hallo zusammen,
ich versuche gerade eine simple Kartenansicht mit einem Overlay zu erstellen. Die Karte sehe ich jetzt schon mal, aber wie bekomme ich mein Overlay anzeigt?
Das Overlay ist der Verlauf einer Laufstrecke und liegt mir als KML und GPX-Datei vor. Ich habe dazu einen neuen Kartenlayer mit Verweis auf die Datei erstellt. Wie bekomme ich den aber jetzt mit der Karte verknüpft sodass er beim Laden auch direkt angezeigt wird?
Danke & frohe Weihnachten,
Neelix
Hm, ich hab zwar bewusst nichts anders gemacht, aber jetzt klappt es plötzlich.
Jetzt muss ich nur noch schauen, dass ich die Kartengröße nicht statisch in Px sondern relativ angegeben bekomme. Aktuell verschwindet die Karte immer, wenn ich z.B. % auswähle.
Und auf dem Smartphone rutscht der Pfad aus dem Bild raus:
https://www.bergischer24stundenlauf....n/strecke.html
Bei den Größenangaben handelt es sich um CSS-Angaben mit entsprechenden Einschränkungen. Sprich prozentuale Höhenangaben funktionieren ohne weiteres CSS nicht. Für die Breite kann man es gut verwenden. Bei einer fixen Breitenangabe muss man natürlich schauen, dass die Karte nicht aus dem Viewport herausläuft/verdeckt wird.
Wie sollte ich die Größe denn am besten angeben, damit das auch auf mobilen Geräten mit beschränkter Breite passt?
Hallo neelixZitat:
Zitat von neelix
Wie ich sah, hast du ja generell ein responsives Layout.
Jetzt probier ich als Contao Amateur eine Antwort für dich:
Ich verwende ein responsives Layout mit Spaltengrid. Ich definiere also in meinem Layout, ob das Bild im Container die volle Breite haben soll und gebe somit in der Breite 100% an. Das reagiert dann normal mit meinen responsive Einstellungen. Die Höhe musst du angeben. Ich verwende em (ich glaube das geht bei der Skalierung auf kleine Geräte etwas mit. Andere Höhenangaben flexibler? (keine Ahnung) Oder du gibst Media Queries für Mobilgeräte an, die die Höhe stufig anpassen.
Bei meinem Grid (pocketgrid) ist es nun so, dass ich eine Klasse eingebe, dass das Element im Container nur 50 % breit sein soll. Somit ist das Bild entsprechend kleiner (schmäler). Die 100 % Breite der Leaflet Karte lasse ich bestehen, somit bleibt sie responsive.
Breite zu Höhe können so aber bei Skalierung nicht das gleiche Seitenverhältnis behalten (z. B. Quadrat), da das fix angegeben werden müsste (auch Breite) und dann eben nicht responsive ist.
LG
McMatty
Hallo,
ich verwende kein Grid sondern den Contao Layout Builder mit dem responsiven Layout. Das reicht für meine Zwecke aus.
Mit Breite 100% und Höhe 400px habe ich es jetzt so hinbekommen, dass das Overlay auch auf keinen Displays zu sehen ist. Allerdings müsste der Zoomlevel für die mobile Darstellung reduziert werden, damit die Anzeige auch vollständig ist.
Gibt es da auch noch einen Trick?