2016-06-25 14 views
-3

私はプロジェクトを開発しており、ウェブ用にGoogle places APIを使用する必要があります。私は地名のドロップダウンメニューのGoogleのAPIを使用しています。私が場所の名前を記入するとき、私はこの応答を取り戻しています。私はAPIのキーを生成し、私のコードを埋め込んだが、これは動作していないようです。なにか提案を?Googleの場所APIキーエラー

/**/XDC ._62n6tn & & XDC ._62n6tn([3、NULL、NULL、 "このサービスは、> APIキーが必要です。複数の認証に関する情報 とGoogle Maps JavaScript APIのためにサービス参照してください。>https://developers.google.com は、/ maps/documentation/javascript /取得-APIキーを "])

編集: [OK]を、ここでコード

です
<!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> 

、ここでは、私はあなたが手順が欠けていると思う google api settings

+0

問題を示す[最小、完全、テスト済みおよび読み取り可能な例](http://stackoverflow.com/help/mcve)を入力してください。あなたが正しくキーを含めていないか、キーをアクティブにしていないように思えます。 – geocodezip

+0

"abcd"があなたの鍵ですか?私はあなたのコードの下部に表示されます。そこに正しいキーを入力します。 –

+0

すべての詳細を追加しました。見てください。 –

答えて

1

です。 1. Google Developers Consoleにアクセスします。 2. Google Maps Javascript APIを有効にします。 3. APIキーを生成します。 4.このセクションのコードの下にAPIキーを置きます。

<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> 

これは、手順を慎重に実行すると100%機能します。

+0

私はどのように愚かです。私の人生を保存していただきありがとうございます:) –

+0

歓迎です!コーディングを続ける –