google maps responsive

[manoelo]

Hallo kann man über css die google karte resposive gestalten?
im Backend kann man nur eine feste Größe eingeben...

ich kann zwar die Klasse .ce_dlh_googlemaps gestalten aber nicht die eigentliche Karte .dlh_googlemap
hat jemand eine Idee
schöne Grüße
Manoelo

[Gassi]

Hi,
richtig die Forensuche benutzen - dann kommst du hierauf:
https://community.contao.org/de/show...aps+responsive

Grüsse Gassi

[manoelo]

thanks a lot
werde mal studieren

[manoelo]

Habe studiert

bei der Erweiterung habe ich einfach ein Größe vergeben 800px400px

im css:

.ce_dlh_googlemaps{
width:100%;
margin:0 auto;
}

.dlh_googlemap {
width: 100% !important;
}

die Karte ist immer 100% breit und 400px hoch und die Markierung ist in der Mitte egal welche Bildschirmgröße

[benzin]

die Karte ist immer 100% breit und 400px hoch und die Markierung ist in der Mitte egal welche Bildschirmgröße

Wie hast du letzteres den gelöst?

[Andreas]

Das müsste im Template der neuen Version schon mit drin sein, ansonsten so, wie in dem oben erwähnten Link beschrieben.

[manoelo]

ja ich denke auch es ist in der neuen version von google_maps schon drin...

ich hab jedenfalls nur das css angepasst
contao 3.5.15 und die neueste maps version
so siehts jedenfalls aus http://www.wildehuetung.de/kontakt.html
schöne Grüße manoelo

[Gassi]

Hey,

als kleinen Tipp: Ich würde beim Smartphone einen kleinen margin rechts (und links) setzen - damit man am rand runterscrollen kann - sonst bleibt man immer in der Karte beim zoomen hängen ;-)
Am besten mit : box-sizing: border-box;

Grüsse Gassi

[manoelo]

ja super tip danke
manoelo

[stefan-at-work]

Hey,

als kleinen Tipp: Ich würde beim Smartphone einen kleinen margin rechts (und links) setzen - damit man am rand runterscrollen kann - sonst bleibt man immer in der Karte beim zoomen hängen ;-)
Am besten mit : box-sizing: border-box;

Grüsse Gassi

Alternativ mobil_extended verwenden und für die mobile Version eine separate GoogleMaps einbinden.