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の提案に従ってコードを更新しましたが、同じエラーが表示されます。
最初の