GoogleMaps Fehler in Homepage

Hallo Zusammen,

ich habe folgenes Problem. Ich habe über GoogleMaps für die Homepage eine API generieren lassen.
dann habe ich mit der API unter:

https://maps-generator.com/de

den Code generieren lassen.

Dann habe ich im Widget (HTML-Widget) den Code eingefügt und habe nochmal den Code unter der Seite Anfahrt eingefügt. jetzt wird nichts mehr angezeigt und wen ich zb eine Veranstaltung hinzufügen möchte und bei Ort dann die Adresse eingebe..kommt die meldung das GoogleMaps das nicht korrekt anzeigen kann und wenn ich dann auf O.K. klicke ist das alles weiss :-(

Ich weiss nicht was ich noch falsch mache... Wenn ich die Developer in Mozilla aktiviere kommt folgender Hinweis:

JQMIGRATE: Migrate is installed, version 1.4.1
jquery-migrate.min.js:2:542
You have included the Google Maps JavaScript API multiple times on this page. This may cause unexpected errors.
js:95:51
Google Maps JavaScript API warning: InvalidKey https://developers.google.com/maps/documenta…ges#invalid-key
util.js:226:12
Google Maps JavaScript API error: InvalidKeyMapError https://developers.google.com/maps/documenta…d-key-map-error
js:39:424

Könnt Ihr mir bitte auf die Sprünge helfen...

die Seite lautet:

gasthauszurbergstrasse.de

Danke und Gruss

Hallo Daniel,

danke Dir für die Info...ok. das das doppelt ist habe ich auch gelesen..aber ich weiss halt nicht wie ich es in Ordnung bringen kann??

Also erstellen tue ich das alles da:
https://maps-generator.com/de

dann gehe ich auf diese Seite (natürlich vorher angemeldet mit GoogleKonto:
https://maps-generator.com/de/google-maps-api-key

ich dachte dann wenn ich den generierten Key habe er dann auch freigeschaltet ist für die Page...oder nicht???

Über Hilfe zur Aufklärung herzlichen Dank.

ich komme nicht mehr weiter...habe jetzt die Homepage regisrtriert und den Code so eingefügt:

<script src='https://maps.googleapis.com/maps/api/js?v=3.exp&key=AIzaSyBZ7WR9KbVhyVHo8PudMItoiLA40KZBrVo'></script><div style='overflow:hidden;height:400px;width:249px;'><div id='gmap_canvas' style='height:400px;width:249px;'></div><style>#gmap_canvas img{max-width:none!important;background:none!important}</style></div> <a href='https://www.doktorweigl.de'>doktorweigl.de</a> <script type='text/javascript' src='https://embedmaps.com/google-maps-authorization/script.js?id=0ab5fdb74001579a5af9781fc2e1a148df967760'></script><script type='text/javascript'>function init_map(){var myOptions = {zoom:16,center:new google.maps.LatLng(49.49829,8.65737999999999),mapTypeId: google.maps.MapTypeId.ROADMAP};map = new google.maps.Map(document.getElementById('gmap_canvas'), myOptions);marker = new google.maps.Marker({map: map,position: new google.maps.LatLng(49.49829,8.65737999999999)});infowindow = new google.maps.InfoWindow({content:'<strong>Gasthaus "Zur Bergstraße"</strong><br>Bahnhofstraße 45<br>69493 Hirschberg <br>'});google.maps.event.addListener(marker, 'click', function(){infowindow.open(map,marker);});infowindow.open(map,marker);}google.maps.event.addDomListener(window, 'load', init_map);</script>

wenn ich den Code jetzt auf die Seite einfüge und die seite anzeigen lasse dann kommt kurz das Bild und dann Hoppla......

das steht im DeveloperMozilla jetzt:
JQMIGRATE: Migrate is installed, version 1.4.1 jquery-migrate.min.js:2:542
You have included the Google Maps JavaScript API multiple times on this page. This may cause unexpected errors. js:95:51
Google Maps JavaScript API error: InvalidKeyMapError js:39:424
Google Maps JavaScript API warning: InvalidKey util.js:226:12

Oder muss ich da jetzt noch warten wg der Freischaltung??

Sorry, aber ich raffs grad nicht mehr....
Gruss

Edit maxe: Direkt Zitat entfernt

Es hat funktioniert!!! habe nochmal einen neuen API generiert und entsprechend das Leerzeichen raus und jetzt gehts....

Ne andere Frage noch...wenn ich jetzt ne Veranstaltung hinzufügen will und dann die daten eingebe wie bekomme ich dann die Googlemaps angezeigt??

wenn ich oben als name gasthaus schreibe dann findet er durch Auto das gasthaus aber und füllt alles aus...aber dann kommt unten wieder im Maps fenster kann nicht korrekt anggezeigt werden :-(

Gruss

Ah ok du denkst das liegt an den Anführungszeichen (")

Nee geht auch net nach Änderung mit Quote

Wenn ich ne Veranstaltung hinzufügen will und ich Gasthaus eingebe findet Event Manager auch die Straße usw. Aber dann rechts so echt man dunkel den Ort und den roten Marker aber drüber steht dann:

Google Maps kann auf dieser Seite nicht richtig angezeigt werden.

Dann gibt es noch den ok Button...

Und auch wenn ich ne neue Veranstaltung hinzufügen will und dann unten Straße und PLZ eingebe findet Google Maps nichts :-(

Hi, also
1. ich mochte unter de Seite "Anfahrt den google maps ausschnitt einfügen..den gleichen ausschnitt such im footer der Startseite...hat ja jetzt funktioniert!!

2. im event manager möchte ich eine veranstaltung einfügen und hier kann mann doch auch die Adressedatdn eingeben wo die veranstaltung stattfindet und wenn man die Daten eingibt erscheint rechts gleichzeitig der Google maps ausschnitt...und der kommt nichtegal welche Adresse ich eingebe!! Hoffe ich hab mich bissl verständlich ausgefrückt...
Gruss

Nein, da habe ich in den Einstellungen nichts gefunden..oder ich übersehe es....
Gruss

Ok unter einstellungen / formatierung/ Karten kann man den API eintragen und aktivieren...hab ich jetzt gemacht...wenn ich jetzt ne veranstaltung eingebe und koordinaten strasse plz eingebe ..kommt auch keine Google karte :-(

Gruss