从ember调用时，Google Auto Complete CORS问题

我试图打电话给谷歌api进行如下调用ajax：

fetch(){ let url=`https://maps.googleapis.com/maps/api/place/autocomplete/json?input=IL&types=geocode&key=API_KEY` return Ember.RSVP.resolve(Ember.$.ajax(url,{ method: 'GET' })) .then( (response)=>{ console.log("google suggested places:",response); return response; }) 

但我得到“无法加载https://maps.googleapis.com/maps/api/place/autocomplete/json?input=IL&types=geocode&key=API_KEY ：否’请求中存在’access-control-Allow_origin’header资源。因此不允许来源’ http：// localhost：4200 ‘。

我尝试了很多选项如下：在app / services / service.js dataType：’jsonp’jsonp：“json_callback”，jsonp：“callback”，jasonpCallback：’jsonpcallback’cache：false /’false’

但他们都没有解决我的问题。

我还尝试了以下内容：在app / services / service.js中

 var restRequest = gapi.client.request({ 'path': 'https://maps.googleapis.com/maps/api/place/autocomplete' }); var xhr = new XMLHttpRequest(); xhr.open('GET', 'https://maps.googleapis.com/maps/api/place/autocomplete'); 

我做了以下安装gapi-client：npm install –save gapi-client并在我的service.js中有这个

 import gapi from 'gapi-client' 

但我在控制台中遇到错误“无法找到从’projectname / services / servicename’导入的模块’gapi-client’

我做错了什么或者我错过了什么？

下面是一个旧线程： 在调用google api thru emberjs时响应未定义