2016-10-28 9 views
0

せずにGoogleプレイスAPIを使用しようとするとグーグルが定義されていない私は、これは本当に一般的なエラーですけど、私は他のすべての「キャッチされないにReferenceErrorを:グーグルが定義されていません」読み質問と助けたそれらのどれを私はそれを修正する。 Google Places APIを使用していますが、アプリケーションでマップを使用していないため、this questionを参照してその点を把握しています。キャッチされていないにReferenceError:マップ

回答の多くは、他のすべて、およびスクリプトの順序が重要前にasyncronously APIスクリプトを読み込むについて話しましたが、私はそれは私の問題ではないと思います。私はPlaces API Documentationの例に従ったので、何が間違っているのか分かりません。

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8"/> 
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no"> 
</head> 
<body> 
    <h1>Places Near Chicago</h1> 
    <div id="list"></div> 
    <script src="https://maps.googleapis.com/maps/api/js?key=API_KEY&libraries=places" async defer></script> 
    <script> 
    var service = new google.maps.places.PlacesService(document.getElementById('list')); 
    var request = { 
      location: new google.maps.LatLng(41.8781136, -87.6297982), 
      radius: 5 
    }; 

    service.search(request, callback); 
    function callback(results, status){ 
      if(status == google.maps.places.PlacesServiceStatus.OK){ 
        console.log(status); 
        for (var i = 0; i < results.length; i++) { 
          console.log(results[i].name, results[i].types); 
        } 
      } 
    }; 
    </script> 
</body> 
</html> 

問題はライン

var service = new google.maps.places.PlacesService(document.getElementById('list')); 

おかげで、具体的である:

は、ここに私のコードです!

EDIT: Jeffの提案に従ってコードを更新しましたが、同じエラーが表示されます。

+0

最初の

関連する問題