Karte innerhalbe von mod_dlh_googlemaps positionieren

hallo zusammen,

betrachte ich den Kartenausschnitt (googlemaps) auf einem Desktop-Bildschirm wird diese über die komplette Viewport-Breite dargestellt. Breite im Modul 100%. Wenn ich aber die entsprechende Seite auf dem Ipad anschaue, wird die Sprechblase nicht mehr angezeigt und es muss die Karte per Maus verschoben werden.

Wie löst ihr das? Passt Ihr die Karte mit Hilfe von media-queries und CSS an?

Kann ich so bisher nicht reproduzieren.
Ich glaub ich hab die Karte meist als Inhaltselement, also im Content direkt gesetzt.

Meine Karte wird immer zentriert und wenn ich eine größe manuell Ändere, dann bei einem reload.
Sprich beim ersten Laden war der Marker bisher bei mir immer im Zentrum der Karte.

Zitat:

---

Zitat von Samuell

Kann ich so bisher nicht reproduzieren.
Ich glaub ich hab die Karte meist als Inhaltselement, also im Content direkt gesetzt.

Meine Karte wird immer zentriert und wenn ich eine größe manuell Ändere, dann bei einem reload.
Sprich beim ersten Laden war der Marker bisher bei mir immer im Zentrum der Karte.

---

Ich habe die Karte auch als Inhaltselement eingebunden. Die Karte selbst wird schon zentriert eingebunden; nur wenn ich die Seite mit dem Smartphone bzw. tablet aufrufe, dann ist der Ausschnitt mit der Sprechblase nicht mehr zu sehen.

Bei den Google Maps Karten gehe ich immer folgendermaßen vor:

Die Geokoordinaten des Kartenzentrums, die ich in den Grundeinstellungen der Karte vornehme, sind in der Regel die gleichen wie die des Markers (zumindest, wenn ich nur eine Markierung verwende).
In den Grundeinstellungen der Karte wähle ich als Anzeigemaße 100 x 100 pcnt
Das Inhaltselement bekommt folgende CSS-Eigenschaften:

Code:

---

.ce_dlh_googlemaps {width:100%; height:300px;} /* eine feste Höhe */

---

Damit klappt es eigentlich immer auf den unterschiedlichen Viewports.

Zitat:

---

Zitat von pepesale

Bei den Google Maps Karten gehe ich immer folgendermaßen vor:

Die Geokoordinaten des Kartenzentrums, die ich in den Grundeinstellungen der Karte vornehme, sind in der Regel die gleichen wie die des Markers (zumindest, wenn ich nur eine Markierung verwende).
In den Grundeinstellungen der Karte wähle ich als Anzeigemaße 100 x 100 pcnt
Das Inhaltselement bekommt folgende CSS-Eigenschaften:

Code:

---

.ce_dlh_googlemaps {width:100%; height:300px;} /* eine feste Höhe */

---

Damit klappt es eigentlich immer auf den unterschiedlichen Viewports.

---

Besten Dank für den tollen Tipp. Hat prima geklappt.