2016-06-25 10 views
-3

Ich entwickle ein Projekt und ich muss Google Orte API für das Web verwenden. Ich verwende Google API für das Dropdown-Menü für den Standortnamen. Wenn ich den Ortsnamen ausfülle, bekomme ich diese Antwort zurück. Ich habe einen API-Schlüssel generiert und meinen Code eingebettet, aber das scheint nicht zu funktionieren. Irgendein Vorschlag?Google legt API-Schlüsselfehler

/**/xdc ._62n6tn & & xdc ._62n6tn ([3, null, null, "Dieser Dienst erfordert einen> API-Schlüssel. Weitere Informationen auf Authentifizierung und Google Maps Javascript API Dienstleistungen finden Sie unter:>https://developers.google.com /maps/documentation/javascript/get-api-key "])

edit: Ok hier ist der Code

<!DOCTYPE html> 
<html> 
    <head> 
    <title>Retrieving Autocomplete Predictions</title> 
<style> 
    html, body { 
    height: 100%; 
    margin: 0; 
    padding: 0; 
    } 
    #map { 
    height: 100%; 
    } 
    #right-panel { 
    font-family: 'Roboto','sans-serif'; 
    line-height: 30px; 
    padding-left: 10px; 
    } 

    #right-panel select, #right-panel input { 
    font-size: 15px; 
    } 

    #right-panel select { 
    width: 100%; 
    } 

    #right-panel i { 
    font-size: 12px; 
    } 
</style> 
</head> 
<body> 
    <div id="right-panel"> 
    <p>Query suggestions for 'Taxi Services near NewY':</p> 
    <ul id="results"></ul> 
    </div> 
    <script> 

    function initService() { 
    var displaySuggestions = function(predictions, status) { 
     if (status != google.maps.places.PlacesServiceStatus.OK) { 
     alert(status); 
     return; 
     } 

     predictions.forEach(function(prediction) { 
     var li = document.createElement('li'); 
     li.appendChild(document.createTextNode(prediction.description)); 
     document.getElementById('results').appendChild(li); 
     }); 
    }; 

    var service = new google.maps.places.AutocompleteService(); 
    service.getQueryPredictions({ input: 'Taxi Services near NewY' }, displaySuggestions); 
    } 
</script> 
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIza---------------------&</script> 

und hier ist der google api settings

+0

Geben Sie bitte ein [minimales, vollständiges, getestetes und lesbares Beispiel] (http://stackoverflow.com/help/mcve) an, das das Problem veranschaulicht. Klingt so, als ob Sie den Schlüssel nicht richtig einbeziehen oder den Schlüssel nicht aktiviert haben. – geocodezip

+0

Sind Sie sicher, dass "abcd" Ihr Schlüssel ist? Wie ich unten in Ihrem Code sehe. Geben Sie dort den richtigen Schlüssel ein. –

+0

Ich habe alle Details hinzugefügt. Bitte guck dir das an. –

Antwort

1

Ich glaube, Sie Schritte fehlen. 1. Wechseln Sie zur Google Developers Console. 2. Aktivieren Sie Google Maps Javascript API. 3. Generieren Sie dann den API-Schlüssel. 4. Dann setzen Sie diesen API-Schlüssel in den unteren Teil Ihres Codes in diesem Abschnitt.

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=YOUR_GOOGLE_MAPS_JAVASCRIPT_API_KEY&libraries=places&callback=initService" 
    async defer></script> 

Dies wird 100% funktionieren, wenn Sie die Schritte sorgfältig befolgen.

+0

Wie dumm von mir. Danke für die Rettung meines Lebens :) –

+0

Gern geschehen! Weiter codieren –

Verwandte Themen