Erweiterung Google Maps nicht kompatibel mit Contao 3.5?

**GRBE** · 23.07.2015, 13:32

Die Einbindung der Erweiterung hat zwar unter Contao 3.5 funktioniert (dlh_googlemaps 2.1.1). Als Status wird angezeigt "Voraussichtlich kompatibel zu Contao 3.5.0".

Im neu eingefügten Artikelelement kann ich dann zwar den Elementtyp Google Maps auswählen, dann unter "map legend" aber keine Karte anwählen. Nach dem Speichern des Elements erscheint die Fehlermeldung "Bitte füllen Sie das Feld "Google Map" aus!". Ich kann ja aber eben gar kein Feld anwählen.

Ist die Erweiterung also vorerst nicht verwendbar?

**cliffparnitzky** · 23.07.2015, 13:50

Moin,

du musst erstmal eine Google Map anlegen. Schau mal links im Menü unter "Inhalte" ... dort auf "Google Maps" gehen und eine Karte anlegen.

Die Kannst du dann später in den Inhaltselementen auswählen.

Gruß, Cliff

**GRBE** · 23.07.2015, 14:08

O.k. Anfängerfehler. Jetzt hat es funktioniert.

**Rotweintrinker** · 20.09.2015, 20:40

Hallo,

auch ich habe Google Maps eingebaut (im brandneuem Theme "Microquix", Contao 3.5.3). Nur wird keine Googlekarte im FE angezeigt!? Komischerweise wird das kleine Bild im BE richtig angezeigt und auch auf dem iPhone & iPad wird alles richtig dargestellt. Nur am PC unter IE, Chrome 6 Safari nix, nur ein leerer Rahmen und sogar der Markierungsmarker !

Hätte jemand eine Idee ?

Thx Thomas

**pgumy** · 23.11.2015, 13:50

Zitat von Rotweintrinker

Hallo,

auch ich habe Google Maps eingebaut (im brandneuem Theme "Microquix", Contao 3.5.3). Nur wird keine Googlekarte im FE angezeigt!? Komischerweise wird das kleine Bild im BE richtig angezeigt und auch auf dem iPhone & iPad wird alles richtig dargestellt. Nur am PC unter IE, Chrome 6 Safari nix, nur ein leerer Rahmen und sogar der Markierungsmarker !

Hätte jemand eine Idee ?

Thx Thomas

Genau dieses Problem habe ich mit Microquix + Contao 3.5.3 auch.
Hat jemand eine Idee oder eine Lösung?

Vielen Dank für die Unterstützung!
Pierre

iphone.jpg
pc-windows-ie-chrome.jpg

**Contao-Academy** · 23.11.2015, 14:14

Zitat von pgumy

Genau dieses Problem habe ich mit Microquix + Contao 3.5.3 auch.
Hat jemand eine Idee oder eine Lösung?

Ich vermute ein Fehler im CSS. Kannst du den Link zur Seite posten.

**pgumy** · 26.11.2015, 08:39

Zitat von Fenepedia

Ich vermute ein Fehler im CSS. Kannst du den Link zur Seite posten.

Hier wäre die URL:
http://buserund.cyon.link/index.php/kontakt.html

Komischerweise wird die Karte auf dem iPhone richtig dargestellt, aber auf dem PC nicht (Mac, Windows, Chrome, IE, ...).

Ich hoffe auf einen Lösungsvorschlag...

**Contao-Academy** · 26.11.2015, 08:59

Das Problem ist dieses CSS

Code:

img {
    max-width: 100% !important;
}

Du hast zwar schon was an CSS drin.

Code:

.dlh_googlemap img {max-width:none}

Füge da mal ein!important hinzu:

Code:

.dlh_googlemap img {max-width:none !important;}

**pgumy** · 26.11.2015, 09:40

Zitat von Fenepedia

Das Problem ist dieses CSS

Code:

img {
    max-width: 100% !important;
}

Du hast zwar schon was an CSS drin.

Code:

.dlh_googlemap img {max-width:none}

Füge da mal ein!important hinzu:

Code:

.dlh_googlemap img {max-width:none !important;}

Super! Vielen Dank für die Lösung, funktioniert jetzt perfekt.
Wünsche einen schönen Tag, Gruss
Pierre

**kurbach** · 27.11.2015, 10:02

Hallo Leute,

ich habe in der Standardeinstellung des Microquix das gleiche Problem.
Seite: <war die falsche - anonymisiert>

aber das !important ist irgendwie bei mir schon drinne, dafür hab ich kein img tag.
Strange - unter Safari tuts - aber auch nur halb, da mir die Schaltflächen fehlen.

Über jede Hilfe dankbar.
Gruß,

Kay

**Contao-Academy** · 27.11.2015, 10:19

Hallo Kay,

auf deine Seite kann ich leider nicht zugreifen.
Die Seite ist der IP zufolge noch lokal installiert.

Ich vermute hier ebenfalls den Fehler beim CSS.
Ich kann dir allerdings nur helfen, wenn du die Seite online verfügbar machst.

Viele Grüße
Christian

**kurbach** · 27.11.2015, 15:07

Hi Christian,

der geschickte Libnk war versehentlich der von meiner Testumgebung (update Tests, etc.), der, den ich dir eigentlich rauskopieren wollte war der hier:
http://test.formenformen.com/index.php/kontakt.html

Sorry, weiß auch nicht was los war O_o

Grüße,
Kay

**Rotweintrinker** · 27.11.2015, 18:58

Hallo,
bei mir besteht das Problem auch immer noch. Genau wie bei Kay.......
http://www.dynamic-surf-product.de/
Wüsste nicht, was bei mir falsch läuft.

Grüße von der Ostsee
Thomas

**Contao-Academy** · 27.11.2015, 20:06

Hallo Thomas,
Hallo Kay,

bei Euch ist bei beiden genau das gleiche CSS falsch.
Ich hab extra noch mal ein Screenshot hinzugefügt wo der Fehler ist.

Ihr müsst das korrigieren, wie oben beschrieben.

siehe Screenshot.
google_map.jpg

**Rotweintrinker** · 27.11.2015, 20:55

DANKE !!! Schönes Wochenende

**kurbach** · 30.11.2015, 17:34

Also, da ich gar kein selector a-la

Code:

.dlh_googlemap img {
    blahblah;
}

finden konnte, sondern nur

Code:

.dlh_googlemap {
    width:100% !important;
}

hatte, und das ändern nach

Code:

.dlh_googlemap img {blah.}

nichts brachte, hab ich mich an den Ersteller des Microquix Templates gewandt.
Der antwortete mir wie folgt - was mein Problem letzten Endes beseitigte:

Es scheint als gab es in den letzten Tagen eine Änderung des von Google ausgelieferten Scripts zur Anzeige der Map.
Um das Problem zu lösen, öffnen Sie bitte in der Elements Stylesheetdatei den Seelektor:

Code:

img {
	max-width:100% !important;
	height:auto !important;
}

und ersetzen Sie die Seelektor-Bezeichnung wie folgt:

Code:

.ce_image img,
.ce_text img {
	max-width:100% !important;
	height:auto !important;
}

Danke für die Zeit und Hilfe!

**rauel** · 08.12.2015, 12:57

Hallo Zusammen,

also ich habe auch den Hinweis vom Entwickler des Microquix erhalten, dass ich im css den selector img gegen ce_imeg auszutauschen muss.

Leider ohne Erfolg! Die Map wird einfach weiterhin nicht angezeigt.

http://www.journalist-wissenschaft.d...a-kneifel.html

Kann mir jemand bitte weiterhelfen?

Danke Gruß

**Contao-Academy** · 08.12.2015, 13:03

Für dich sollte eigentlich die gleiche Lösung wie für kurbach gelten. Da Ihr ja das gleiche Theme nutzt.

Also:

Es scheint als gab es in den letzten Tagen eine Änderung des von Google ausgelieferten Scripts zur Anzeige der Map.
Um das Problem zu lösen, öffnen Sie bitte in der Elements Stylesheetdatei den Seelektor:
Code:

Code:

img {
	max-width:100% !important;
	height:auto !important;
}

und ersetzen Sie die Selektor-Bezeichnung wie folgt:
Code:

Code:

.ce_image img,
.ce_text img {
	max-width:100% !important;
	height:auto !important;
}

**rauel** · 08.12.2015, 13:47

Hallo Fenepedia,

das habe ich ja gemacht, aber es geht trotzdem nicht.

Ich habe den selector:

img {
max-width:100% !important;
height:auto !important;
}

gegen folgendes ausgetauscht (nicht ergänzt) :

.ce_image img,
.ce_text img {
max-width:100% !important;
height:auto !important;
}