Question

我正在尝试调用google 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;
})

但我得到＆＃34;无法加载 https://maps.googleapis.com/maps/api/place/autocomplete/json?input=IL&types=geocode&key=API_KEY：所请求的资源上没有“访问控制 - 允许_原始”标头。起源＆＃39; http://localhost:4200＆＃39;因此不允许访问。

我尝试了很多选项，如下所示：在app / services / service.js中 dataType：＆＃39; jsonp＆＃39; jsonp：＆＃34; json_callback＆＃34;， jsonp：＆＃34;回调＆＃34;， jasonpCallback：＆＃39; jsonpcallback＆＃39; cache：false /＆＃39; false＆＃39;

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

我还尝试了以下内容：在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'

但我在控制台中遇到错误＆＃34;找不到模块＆＃39; GAPI客户端＆＃39;从＆＃39; projectname / services / servicename＆＃39;

导入

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

以下是一个旧线程： response undefined when calling google api thru emberjs

从ember

0 个答案: