Map erscheint nicht

[W6-]

Hallo,

ich habe eine Karte korrekt erstellt, den Maps API Key in den Systemeinstellungen und im Seitenbaum hinterlegt, aber es erscheint keine Karte - und auch die Konsole gibt auch nichts aus.
Hat jemand eine Idee?
https://eventschiff-medienhafen.de

Danke,
Hajo

UPDATE: Nach erneutem Speichern der Karte geht es plötzlich...

[bteppan]

Hallo!
Ich habe das gleiche Problem, nur ändert sich bei mir auch nach mehrmaligem speichern, neu erstellen ... nix!
Die Seite ist noch in der Entwicklung: http://prototyp.sewe5.at/kontakt.html
Contao: 4.4.26
Template/Theme: RockSolid Opensauce

API-Key ist sowohl in der 'Startseite (Startpunkt)' als auch in den 'Systemeinstellungen' eingetragen.

Gibt's noch einen Trick damit das Ding endlich läuft?

Danke und schönen Abend
Bernhard

[webstar]

Hallo!
Ich habe das gleiche Problem, nur ändert sich bei mir auch nach mehrmaligem speichern, neu erstellen ... nix!
Die Seite ist noch in der Entwicklung: http://prototyp.sewe5.at/kontakt.html
Contao: 4.4.26
Template/Theme: RockSolid Opensauce

API-Key ist sowohl in der 'Startseite (Startpunkt)' als auch in den 'Systemeinstellungen' eingetragen.

Gibt's noch einen Trick damit das Ding endlich läuft?

Danke und schönen Abend
Bernhard

Ein Blick in die Developer Console deines Browsers hilft in der Regel weiter: https://developers.google.com/maps/d...owed-map-error

[bteppan]

Okay - und was heißt das jetzt genau?

API error: RefererNotAllowedMapError
The current URL loading the Maps JavaScript API has not been added to the list of allowed referrers. Please check the referrer settings of your API key on the Google Cloud Platform Console.

Was ist mit den 'referrer settings' gemeint? Wo in der 'Google Cloud Plattform' muss ich drehen?
Sorry - bin anscheinend zu blöd oder sehe heute den Wald vor lauter Bäumen nicht mehr!

[bteppan]

Nach gestriger Nachtschicht nun folgende Situation:

Um die Karte zum Laufen zu bringen, msste ich in meinem Fall in der 'Google Cloud Platform' unter 'APIs und Dienste' unter 'Zugangsdaten' und 'Anwendungseinschränkung' - 'HTTP-Verweis-URLs' die exakte URL angeben. In meinem Fall 'http://prototyp.sewe5.at/kontakt.html'.
Nur mit dieser Angabe konnte ich die erste Fehlermeldung: "RefererNotAllowedMapError" erledigen.

Danach kam die zweite Fehlermeldung: "ApiNotActivatedMapError"
Nach einigem suchen habe ich wieder über die 'Google Cloud Plattform' unter 'APIs und Dienste' unter 'Bibliothek' und 'Maps JavaScript API' aktiviert.
Die Fehlermeldung war nun auch bereinigt, jedoch soll ich jetzt 'Kontingente' kaufen!!!

You have exceeded your request quota for this API. See https://developers.google.com/maps/documentation/javascript/error-messages?utm_source=maps_js&utm_medium=degraded&utm_campaign=billing#api-key-and-billing-errors

Ich weiß ja nicht ob nur ich diese Probleme habe, aber schön langsm bin ich echt am verzweifeln.
Wäre echt sehr dankbar, wenn mir jemand helfen könnte.

Danke und einen schönen Tag
Bernhard

[Samson1964]

GoogleMaps kostet ab einer bestimmten Anzahl Zugriffe Geld. Dazu mußt Du eine Bankverbindung hinterlegen, wo Google testweise einen Minibetrag einzahlt, um das Bankkonto zu verifizieren. Diese Verifizierung mußt Du innerhalb weniger Tage bestätigen. Machst Du das nicht, wird der API-Key gesperrt.

P.S. Ich würde umsteigen auf OpenStreetMap. Gibt wohl auch eine Erweiterung dafür.

[bteppan]

Hallo Frank!
Seit wann ist das so? Und vor allem schon ab der 1. Abfrage!

[tschero]

Hi,

hier mal ein paar zusätzliche Info´s dazu.
https://forum.premium-contao-themes....2732#post12732

Gruß
tschero

[bteppan]

Hallo Tschero!

Danke für die ausführlichen Informationen.
Die sind zwar nicht gerade positiv aber nun weiß ich was zu tun ist.

Danke und noch einen schönen Tag
Bernhard

[kischd]

Ich habe auf einer Seite folgende Fehlermeldung in der Konsole: You have exceeded your request quota for this API.

Den API-Code habe ich aber gerade eingegeben. Die Seite lief lange Zeit ohne API, ist noch vor der API Pflicht entstanden und hat so lange zeit funktioniert.

Was mich nun verwirrt, dass das Kontingent überschritten sei. In der Google Developer Console habe ich überhaupt keine Daten, Auch keine API-Anfrage...

Was könnte ich noch tun?

[kischd]

Was ich getan habe:
Google API erstellt und im Startpunkt hinterlegt.
Die APIs Maps JavaScript API und Geocodung API aktiviert.

Mehr muss man ja nicht machen oder?

In der Konsole hab ich gesehen, dass er sagt: überschritten und keine API:

Link

[tschero]

Hi,

sieht so aus als wäre kein Bezahlkonto eingerichtet worden.
Dann ist die API-Nutzung (glaube ich) auf einen Aufruf pro Tag beschränkt.

Hier noch mal ein paar Info´s:
https://forum.premium-contao-themes....ap-mit-leaflet

Gruß
tschero

[lucina]

Der API-Key wird nicht übermittelt, so er denn vorhanden ist.

<script src="//maps.googleapis.com/maps/api/js?v=3.exp"></script>

Möglicherweise ein veraltetes Template?

[tschero]

Der API-Key wird nicht übermittelt, so er denn vorhanden ist.

<script src="//maps.googleapis.com/maps/api/js?v=3.exp"></script>

Möglicherweise ein veraltetes Template?

Woran hast du das denn erkannt?

Sagt diese Konsolenmeldung nicht aus, dass das Limit erreicht ist? Zumindest der obere Teil?
api.PNG

[lucina]

Steht so im Quelltext.

[kischd]

Hallo Lucina,

altes Template war ein sehr guter Hinweis. Da war ein altes in Templates drin gelegen. Das hab ich einfach mal umbenannt und den cache geleert.
Leider zeigt er den Fehler noch immer an ;-(
Dachte das ist es...

In der Console sehe ich aber Traffic bei Maps Javascript API
bei Geocoding API nichts,... ist das die falsche?

[kischd]

Link

Unten steht die Karte. die API wird gezogen.
Kann es sein, dass man die Kreditkarte nun unbedingt eintragen muss, wenn man die API neu angelegt hat?

[lucina]

Die Fehlercodes (und die Dinge, die man tun muss, um sie wegzubekommen) verlinkt ja bereits die Meldung der Konsole: https://developers.google.com/maps/d...billing-errors

U.a. benötigt es zwingend Zahlungsdaten.

[kischd]

Habe die Zahlungsdaten hinterlegt. Nun geht die Map auch.

In Google kam nun die Meldung:

Zugriff auf alle Produkte der GCP
Sie erhalten alles, was Sie für die Erstellung und Ausführung Ihrer Apps, Websites und Dienste benötigen, unter anderem Firebase und die Google Maps API.

Guthaben von 300 $
Wenn Sie sich registrieren, können Sie mit Ihrem Guthaben von 300 $ die Google Cloud Platform 12 Monate lang nutzen.

Keine automatische Gebühr nach Ablauf des Testzeitraums
Wir bitten Sie um Ihre Kreditkarteninformationen, um zu bestätigen, dass Sie kein Roboter sind. Ihnen werden keine Kosten in Rechnung gestellt, sofern Sie kein manuelles Upgrade auf ein kostenpflichtiges Konto ausführen.


In der Abrechung steht nun 365 Tage übrig Verbleibendes Guthaben 263,73 €....

Hatte ich nicht mal was gelesen mit 200$ im Monat frei? oder bin ich irgendwo falsch abgebogen?

[lucina]

300 USD gibt es für Cloud-Kunden. Das Guthaben kann auch für die Nutzung der Maps-API verwendet werden. USD 300 entsprechen ungefähr EUR 263. Insofern ... ;-)

https://cloud.google.com/maps-platform/pricing/?hl=de

(aber das hättest Du jetzt auch selbst googlen können, oder?)

[kischd]

ja schon. Aber da steht etwas von 200$ im Monat? Ich versteh nicht warum bei mir nun 263 Im Jahr angezeigt werden...

[lucina]

Ich lese da, nachdem ich <cmd>+<f>300 gedrückt habe:

Kann ich mein Guthaben für die Google Cloud Platform (GCP) auch für die Google Maps Platform verwenden?
GCP-Kunden können ihr Guthaben in Höhe von 300 $, das sie für das neue Konto erhalten haben, in die Google Maps Platform investieren. Bei anderen GCP-Guthaben hängt das Vorgehen davon ab, ob es für ein beliebiges oder nur ein spezifisches GCP-Produkt verwendet werden darf. Im Bereich "Abrechnung" der Google Cloud Platform Console kannst du nachlesen, wofür die einzelnen Guthaben eingelöst werden können.

[kischd]

Hab ich also das falsche Konto?
Dachte ich hab einfach nur ein GoogleKonto.

Ich versteh gerade nicht wie ich 200$/Monat haben und wann ich 300$/Jahr habe...

Oder soll ich erstmal abwarten bis da was passiert.
Bis jetzt steht ja alles auf 0$

[kischd]

Ich bin verwirrt.
Ich besuche die Seite mal wieder und die Karte ist weg. Keine Fehlermeldung.
Ob das an einem Update lag... keine Ahnung.

Ich hinterfrage mich nun, ob ich das korrekt eingebunden habe.

Ich habe im Modul GoogleMaps eine Karte angelegt, mit mehreren Markern.
In den Artikeln habe ich ein HTML-Element in dem ich eingetragen habe:

<script>
// *ID* = Id der gewünschten Googlemap

function gmap2_dynmap(gmap2, arrMarkers) {

  mc = new MarkerClusterer(gmap2, arrMarkers, {maxZoom: 10,  gridSize:50});

}
</script>

Ist das der richigte weg?
Ich habe keine Anleitung gefunden und irgendwie erinnere ich mich auch nicht, warum ich das so gemacht hatte...

Die Karte sollte hier ganz unten sein.

[av3nger]

Ich erhalte in der Konsole die Fehlermeldung

Uncaught SyntaxError: Unexpected token ,

(aktiv-mitsegeln.html:1024)

In den DevTools wird ab der folgenden Stelle etwas gekennzeichnet:

mapOptions={zoom:,scrollwheel:!1,

Hier scheint ein Wert bei "zoom" zu Fehlen.

[kischd]

Denke das liegt an der api oder? Wollte mal eine neue machen, dann kommt der Fehler. Die api trägt man doch nur im Startpunkt ein oder noch wo?

[kischd]

Was auch komisch ist, dass im Backend die Karte auch nicht mehr angezeigt wird.
Hab gerade nochmal geschaut. Ich hab den APIU Schlüssel aus dem Google-Account.
Was kann das sein?

[kischd]

Ich habe mal im Google Developer die URL als Filter eingetragen.
Die Fehlermeldung kommt nun nicht mehr, wenn ich eine neue Karte anlege.
Die Karte wird jedoch im Backend und im Frontend nicht angezeigt.

In Backend habe ich überall etwas eingetragen. Auch beim zoom.

was will mir die Fehlermeldung

Uncaught SyntaxError: Unexpected token

sagen?

[av3nger]

"Uncaught SyntaxError: Unexpected token ," bedeutet, dass er an der Stelle kein Komma erwartet hätte. Falls Du die neue Karte ebenfalls auf der Startseite platziert hast: Es hat sich offenbar nichts geändert, bei "Zoom" fehlt weiterhin der Wert in der Ausgabe. Betroffen ist davon die "function initializeMap_12433()" - etwas später wird auch setZoom aufgerufen; aber da hilft es halt nicht mehr, weil der Syntax-Fehler bereits aufgetreten ist.

[kischd]

Ich hatte da wohl noch ein leeres GoogleMaps Modul eingebaut. Daher der Zoom-Fehler.
Leider zeigt es im FE trotzdem nichts an. Was komisch ist, dass es auf der aktuellen Seite auch nicht geht ohne Fehlermeldung in der Konsole.
Das gleiche Verhalten.Im BE werden die Karten nicht angezeigt, Der API-Key ist in den Einstellungen und unter Startpunkt der Website eingetragen.

Eingebunden wird das im Artikel ja über das HTML-Inhaltselement odeR?

<script>
// *ID* = Id der gewünschten Googlemap

function gmap2_dynmap(gmap2, arrMarkers) {

  mc = new MarkerClusterer(gmap2, arrMarkers, {maxZoom: 10,  gridSize:50});

}

</script>

[av3nger]

Da bin ich auch langsam ratlos, weil ich die Erweiterung auch ganz anders nutze: Den API-Key habe ich unter System > Einstellungen hinterlegt, in der Seitenstruktur ist der Wert bei mir leer. Meine Vermutung: Wenn du den API-Key in den System-Einstellungen setzt, könnte die Darstellung im Backend vielleicht wieder funktionieren.

Ansonsten habe ich unter Inhalte > Google Maps ein einziges Karten-Element, das ich bei den Inhalten als Elementtyp "Google Map" hinzugefügt habe. Eigenen HTML- bzw. JavaScript-Code verwende ich nirgends. Das funktioniert bei mir seit Contao 3 und läuft aktuell auch bei Contao 4.7.1 unverändert so.

Daher weiß ich nicht, was es mit der gmap2_dynmap-Funktion auf sich hat (bei der Google-Suche danach findet man erst mal viele Contao-Installationen, bei deren pdf-Ansichten einen Fehler auswerfen). Ich konnte jedenfalls auf die schnelle auch keine Stelle in deinem Code finden, bei welcher gmap2_dynmap überhaupt aufgerufen wird; und die MarkerClusterer müsste ja aus der Google-Maps-API kommen, aber unter den 22 JavaScripts, die geladen werden, war kein Request in Richtung Google enthalten.

[kischd]

Ich habe heute die damalige Anleitung gefunden. Dort mal auch mein Problem geschildert.

Benutzt du die GoogleMap dann auch mit mehreren Markern oder nur mit einem?

[kischd]

Ich hab mal im Backend geschaut was die Konsole sagt:
The Google Maps Platform server rejected your request. You must use an API key to authenticate each request to Google Maps Platform APIs. For additional information, please refer to http://g.co/dev/maps-no-account.

Dann passt ihm wohl was nicht mit dem API-Schlüssel.
Jetzt muss ich nur noch rausfinden was...

[kischd]

Ich hab dir Anleitung mal sein lassen (https://community.contao.org/de/show...r-Clustering-)) und alles wieder in Originalzustand.
Siehe da es geht wieder.

Danke für deinen Input