2017-11-13 3 views
-1

Ich versuche, eine Anwendung mit dem Google Maps API zu erstellen. Während des Laufens auf meinem localhost den folgenden Code ein, zeigt es mir in der Konsole die folgende Meldung:Google API-Fehler RefererNotAllowedMapError

"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: http://localhost:8888/fintechjobs.ie/fintechmap.php" 

<!DOCTYPE html> 
<html> 

<body> 

<div id="map" style="width:100%;height:500px"></div> 

<script> 
function myMap() { 
    var myCenter = new google.maps.LatLng(51.508742,-0.120850); 
    var mapCanvas = document.getElementById("map"); 
    var mapOptions = {center: myCenter, zoom: 5}; 
    var map = new google.maps.Map(mapCanvas, mapOptions); 
    var marker = new google.maps.Marker({position:myCenter}); 
    marker.setMap(map); 
} 
</script> 

<script src="https://maps.googleapis.com/maps/api/js?key=xxxxxxxxxxxxxxxx&callback=myMap"></script> 


</body> 
</html> 

Kann jemand Anleitung, wo dieser Fehler kommen? Vielen Dank!

Antwort

0

Sie müssen zulassen URLs in Ihre Api google map Schnittstelle: https://console.cloud.google.com/apis/dashboard

Klicken Sie auf die Hamburger dann "Api und Dienstleistungen" links wählen.

Dann klicken Sie auf "Credentials" Abschnitt auf der linken Seite und klicken Sie dann auf Ihren Google Map Api Key. Sie können dann Ihre URL (localhost) unter dem Schlüssel api-Abschnitt eingeben. Vergessen Sie nicht, den Port einzugeben.

+0

Ich denke, es ist ** Anmeldeinformationen ** anstelle von Identifikatoren –

+0

Vielen Dank Deep 3015. Ich korrigierte meine Antwort. –

+0

Vielen Dank für die Hilfe –

Verwandte Themen