GoogleプレイスのWeb APIは、私はGoogleの場所オートコンプリートAPIを照会しようとしていたSuperAgent

Question

に協力していない、コードparamsは正しいと次のスニペット

request.get(`https://maps.googleapis.com/maps/api/place/autocomplete/`).query(params) 

を使用すると、私にCORS例外を与え、失敗します

Failed to load https://maps.googleapis.com/maps/api/place/autocomplete/json?input=amsterdam&key={super secret key}: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:7000' is therefore not allowed access. 

[ネットワーク]タブに切り替えると、要求自体が完全に正常に動作していることがわかり、必要な日付が返されることもわかります。

私はsuperagent-es6-promiseで作業しています。

Answer 1

CORSヘッダーは、GoogleバックエンドサーバーのPlaces API Webサービス用に設定されていません。したがって、ブラウザのSame-Originポリシーのために、クライアント側JavaScriptコードからPlaces APIウェブサービスを呼び出すことができなくなります。

クライアントサイドJavaScriptでプレイスを使用するには、Google Maps JavaScript APIのプレイスライブラリを使用する必要があります。場所ライブラリには、近くにあるテキスト検索機能と、対応するWebサービスと非常によく似た自動完成ウィジェットとサービスがあります。詳細については

のドキュメントを見てください。

https://developers.google.com/maps/documentation/javascript/places

はそれが役に立てば幸い！