Google Maps API einbinden

#1
Hallo zusammen,

ich weiß, dass es zwar unwahrscheinlich ist, hoffe aber trotzdem, dass mir eventuell jemand hier helfen kann.
Wir haben auf unserer Homepage einen Store Locator laufen (gehabt), bei dem man die PLZ oder Stadt eingibt und es einem Shops in der Nähe ausspuckt.
Seit einiger Zeit benötigt man ja für Google Maps einen API Key, diesen haben wir gestern bekommen.

Nun weiß ich allerdings nicht, wo und wie genau ich diesen Key im Code einzubinden habe (Habe es mit Try and Error versucht, die Map hat zwar funktioniert, konnte aber keine Ergebnisse ausspucken). Es geht um diese Seite: http://www.melon-helmets.com/en/stores

Ich hatte zwar die Zeile <script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script> gefunden und vermutet, dass der Key nach js? eingegeben werden muss. Dadurch funktionierte zwar wie gesagt die Karte selbst, ich konnte aber keine Suche starten. Hat irgendjemand eine Ahnung?
Wir verwenden eine sehr alte Version von ExpressionEngine als CMS, und ich habe herzlich wenig Ahnung von Coding.

Wäre super wenn jemand helfen könnte!
Vielen Dank
 

Sempervivum

Well-Known Member
#2
Hast Du den Key so angegeben, wie hier bei Step 2 beschrieben?
https://developers.google.com/maps/documentation/javascript/get-api-key

Edit: Hätte zuvor in den Quelltext sehen sollen. Der Einzug, der im Moment aktiv ist, ist ohne Key:
Code:
<script src="http://maps.google.com/maps/api/js?sensor=false"
            type="text/javascript"></script>
Der zweite auskommentierte sieht jedoch genau so aus, wie in der Doku beschrieben. Hast Du den schon getestet?
Code:
<!-- <script src="https://maps.googleapis.com/maps/api/js?key=dein-key&callback=myMap"></script> -->
 
#3
Hallo, ja habe ich genau so angegeben. Dadurch funktioniert wie gesagt die Karte an sich, zeigt aber keine Adressen o.Ä. an, ich erhalte einen Fehler "Please enter zip-code or address."
 

Sempervivum

Well-Known Member
#5
Die Console gibt da einige Hinweise:
js?key=AIzaSyBl9GCNFVJoUTPgWOZSb7OM-DlONxlP4Qk&callback=initMap:124 You have included the Google Maps JavaScript API multiple times on this page. This may cause unexpected errors.
yh @ js?key=AIzaSyBl9GCNFVJoUTPgWOZSb7OM-DlONxlP4Qk&callback=initMap:124
stores:1 Uncaught (in promise) Oc
stores:1 Uncaught (in promise) Oc
stats.g.doubleclick.net/dc.js:1 Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
maps.googleapis.com/maps/gen_204?target=api&ev=api_alreadyloaded&client=&key=AIzaSyBl9GCNFVJoUTPgWOZSb7OM-DlONxlP4Qk&cad=src:apiv3,token:q0nmodkcv,ts:ebl6d5:1 Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
js?key=AIzaSyBl9GCNFVJoUTPgWOZSb7OM-DlONxlP4Qk&callback=initMap:54 Geocoding Service: This API project is not authorized to use this API. For more information on authentication and Google Maps JavaScript API services please see: https://developers.google.com/maps/documentation/javascript/get-api-key
_.Nc @ js?key=AIzaSyBl9GCNFVJoUTPgWOZSb7OM-DlONxlP4Qk&callback=initMap:54
Wahrscheinlich ist die letzte Meldung der Kern der Sache: "This API project is not authorized to use this API. "
Allzu viel weiß ich nicht über die Maps-API, daher nur eine Vermutung: Ein Key ermöglicht Zugriff auf bestimmte Features und bei deinem ist die Suche nach ZIP nicht eingeschlossen.
 
#6
Die Console gibt da einige Hinweise:
Wahrscheinlich ist die letzte Meldung der Kern der Sache: "This API project is not authorized to use this API. "
Allzu viel weiß ich nicht über die Maps-API, daher nur eine Vermutung: Ein Key ermöglicht Zugriff auf bestimmte Features und bei deinem ist die Suche nach ZIP nicht eingeschlossen.

DANKE!!!

Das hat es gelöst!
 
Oben