Update (endlich)

[christian]

Hallo zusammen,

es hat leider aus verschiedenen Gründen sehr, sehr lange gedauert, aber nun gibt es eine neue Version des Moduls dlh_googlemaps, die die Probleme mit Contao 4 und PHP7 ausknipsen dürfte.

Was erwähnt sein sollte, da es ab jetzt halt nicht mehr ganz aktuell in der Doku steht...

Die Größenangaben für die Karten haben sich grundsätzlich geändert. Es erscheint ein "Image-Size"-Feld mit dem bekannten Aufbau "Select + 2 Texteingaben". Dieses Feld kann für zwei verschiedene Arten der Darstellung genutzt werden:

"Proportional": Die Felder nehmen (rein numerisch) ein Seitenverhältnis auf. Beispiele: '16|9', '1|1', '4|3'. Die Karte wird immer 100% der Breite des umgebenden Elements aufgebaut und hat die hierzu passende Höhe. Bei responsiven Layouts passt sich die Karte so ziemlich gut an.

"An Rahmen anpassen": Die Felder nehmen die Breite und Höhe der Karte auf. Und zwar inkl. der Einheit. Beispiele: '600px|400px', '40em|300px', '50%|20rem'. Rein numerische Werte werden als 'px' interpretiert. Das ist also eigentlich die klassische, bisherige Anzeige.


Das passende CSS im Template wird zwar immer noch inline eingestreut, lässt sich aber besser verändern/wegnehmen. Guckt Euch bitte das Template an.

Sorry nochmal für die lange Wartezeit. Meldet Euch bitte, falls die neue Version noch irgendwo Probleme macht.

Viele Grüße,

Christian

[peter64]

Hallo Christian,

Contao 3.5.25
dlh_googlemaps aktuelle Version

Ich habe eine Karte angelegt und in einen Artikel eingefügt. Die Karte erscheint sehr kurz und dann wird ein graues Rechteck über die Karte gedeckt. Auf diesem erscheint eine Fehlermeldung:

Hoppla! Ein Fehler ist aufgetreten. Google Maps wurde auf dieser Seite nicht richtig geladen. Technische Details dazu entnimmst du der JavaScript-Konsole.

Im Seitenquelltext gibt es diesen script-code:

<script src="https://maps.googleapis.com/maps/api/js?key=&language=de"></script>

Der Fehler ist, dass kein API-Key auf der Seite erscheint.

Peter

[Spooky]

Hast du einen API Key eingetragen?

[peter64]

Nein, ich habe keinen API-Key eingetragen.

In der Beschreibung der Erweiterung steht:

Wegfall des Google Maps API Keys durch Verwendung der Google Maps API V3

[Spooky]

Aha... ich glaube nicht dass das stimmt. Siehe zB https://stackoverflow.com/a/37994162/374996

[wolli]

Hallo , habe den gleichen Fehler auf Localhost wie peter64, nur ich habe den API-Key eingegeben.

Contao 3.5.29
dlh_googlemaps aktuelle Version
Der API-Key erscheint auf der Seite.

Danke
wolli

[07alex07]

Ist der API-Key nicht an eine Domain gebunden?

[peter64]

Hallo Wolli,

ich habe mich entschlossen, keinen API-Key anzufordern. Google will von mir zu viel wissen.

Meine Lösung: Einbinden von Karten von OpenStreetMap mit Hilfe von iframe. Man muss sich nicht anmelden und die Karten sehen auch gut aus.

[wolli]

Hallo 07alex07,

( Ist der API-Key nicht an eine Domain gebunden? )
das ist richtig.
Ich möchte das erst auf Localhost am Laufen habe und danach hochladen und ein Update von googlemaps machen auf dem Server.

Das Bild kommt ganz kurz und dann ist der Fehler wieder da.

Auf Localhost habe ein Update gemacht von dlh_googlemaps auf Version 2.3.2 nun lauft es nicht mehr.

Hallo peter64, kann ich mir das irgendwo ansehen.

Danke für die Infos.
wolli

[peter64]

Hallo Wolli,

ja, gerne:
https://stolp.de/quackenburg_einfuehrung.html

[mulka]

Contao CMS 3.5.28

habe das gleiche Problem. Siehe Anlage

Irgendwie verstehe ich hier nicht, ob und wie das Problem gelöst wurde.
Kann mir das Jemand erklären??????

ich werde aus den Fehlermeldungen der javaScript-Console nur soweit schlau, dass ich den GoogleMas-Api-key eingeben soll. Aber wo???

[Spooky]

ich werde aus den Fehlermeldungen der javaScript-Console nur soweit schlau, dass ich den GoogleMas-Api-key eingeben soll. Aber wo???

Im Website Root.

[wolli]

Hallo mulka, in System Einstellung ganz nach unten, Google Maps --->API-Key.
wolli
API-Key2.png

[mulka]

Danke für die schnelle Hilfe.
Ich hatte vor ca. 2 Jahren in 3 Websites Google-Maps eingebunden und das ging ja noch ohne den Key. Deswegen war ich nun etwas irritiert.
Nun habe ich mir den API-Key generieren lassen und eingetragen. Nun funktioniert alles.
Wow, bin ich froh!

[Spooky]

Ich hatte vor ca. 2 Jahren in 3 Websites Google-Maps eingebunden und das ging ja noch ohne den Key. Deswegen war ich nun etwas irritiert.

Der Zwang zum Key ist seit 22. Juni 2016 in Kraft. Alle Domains, die davor schon die Google Maps API benutzt haben, brauchen keinen Key. Neue Domains die danach die Google Maps API benutzen brauchen einen Key.

[chrischnian]

Hallo zusammen,

es hat leider aus verschiedenen Gründen sehr, sehr lange gedauert, aber nun gibt es eine neue Version des Moduls dlh_googlemaps, die die Probleme mit Contao 4 und PHP7 ausknipsen dürfte.

Was erwähnt sein sollte, da es ab jetzt halt nicht mehr ganz aktuell in der Doku steht...

Sorry nochmal für die lange Wartezeit. Meldet Euch bitte, falls die neue Version noch irgendwo Probleme macht.

Viele Grüße,

Christian

@christian könntest du bitte hier dringend was machen Spooky hat auch auf Github passend verlinkt!
https://community.contao.org/de/show...259#post455259

[Zille]

Plötzlich und unerwartet funktioniert die Kartenanzeige nicht mehr. Die Karte erscheint kurz, dann die bekannte Fehlermeldung: Hoppla! …

Contao 3.5.14, dlh_googlemaps Version 2.3.2, Karte ist angelegt und in Artikel eingefügt. API-Key erstellt, unter System/Einstellungen als auch unter Seitenstruktur/Startpunkt eingetragen. Im Quelltext steht:

<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCdh6JT_ZwTdJU_9amOimzzaaIaI6QrChU&language=de"></script>

sowie

<div class="dlh_googlemap block" id="dlh_googlemap_1" style="width:896px;height:512px;"><noscript><p><img src="https://maps.googleapis.com/maps/api/staticmap?center=51.053562,13.756251&amp;zoom=15&amp;maptype=roadmap&amp;language=de&amp;size=896x512&amp;key=AIzaSyCdh6JT_ZwTdJU_9amOimzzaaIaI6QrChU&amp;markers=51.0533128,13.7550681" alt=""></p></noscript></div>

Was ist hier los? Was habe ich übersehen?

[Spooky]

Was für ein Fehler erscheint in der JavaScript Konsole?

[Zille]

"Google Maps API error: RefererNotAllowedMapError https://developers.google.com/maps/d...owed-map-error
Your site URL to be authorized: https://eliasfriedhof.de/anfahrt.html"

Hm … Bei den Zugangsdaten/Domainbestätigung ist die Domain eingetragen, ebenso im OAuth-Zustimmungsbildschirm. Der Schlüssel selbst wurde HTTP-Verweis-URLs (Websites) eingeschränkt. Nach dem Speicher habe ich mehr als 10 Minuten gewartet ("Hinweis: Es kann bis zu 5 Minuten dauern, bevor die Änderungen wirksam werden."), dennoch kommt der Fehler weiterhin.

[Spooky]

Zeige einen Screenshot der Referer Konfiguration deines API Keys.

[Zille]

Gern:

[Spooky]

Du hast *.eliasfriedhof.de/* eingegeben. Das gilt dann vermutlich nicht für http://eliasfriedhof.de/

[Zille]

Wie ist denn dann das:

Anfragen von diesen HTTP-Referrern (Websites) annehmen (optional)

Verwenden Sie Sternchen (*) als Platzhalter. Wenn Sie das Feld leer lassen, werden Anfragen von allen Verweis-URLs angenommen. Fügen Sie Verweis-URLs hinzu, bevor Sie diesen Schlüssel in der Produktion verwenden.

    *.example.com/*

zu verstehen? Den Platzhalter am Anfang setze ich doch für eine mögliche Subdomain, und den Plazthalter am Ende für die einzelnen Seiten.

Wenn ich jetzt aber https://eliasfriedhof.de/ eingebe, kann ich keinen Platzhalter am Ende hinzufügen, bzw. wird der beim Speichern eliminiert. Mit der Folge einer leicht abgeänderten Fehleranzeige:

Google Maps API error: RefererNotAllowedMapError https://developers.google.com/maps/documentation/javascript/error-messages#referer-not-allowed-map-error
Your site URL to be authorized: https://eliasfriedhof.de/anfahrt.html

[do_while]

Du kannst auch mehrere Varianten registrieren:
*.eliasfriedhof.de/*
eliasfriedhof.de/
eliasfriedhof.de/*

[Spooky]

eliasfriedhof.de (ohne Slash) sollte reichen.

[Zille]

eliasfriedhof.de (ohne Slash) sollte reichen.

Tatsache …
Danke