using api returning fetch error

Ask the community
,
1

Hi, I’m trying to use a Google API to create an autocomplete address field but I keep on getting the same error. I literally copied and pasted a url from google documentation to try narrow down the problem and that returns the exact same error. My code is:

let sUrl = "https://maps.googleapis.com/maps/api/place/autocomplete/json?input=1600+Amphitheatre&key=mykey"; 
 return fetch(sUrl, {method: 'get'}).then( (httpResponse) => { console.log("sent"); if (httpResponse.ok) { console.log((httpResponse.json) + "response recieved"); return httpResponse.json();

and the error I’m getting back is:

var self = this; return this._decode().then(function(buffer) { try { return JSON.parse(buffer.toString()); } catch (err) { return Body.Promise.reject(new FetchError('invalid json response body at ' + self.url + ' reason: ' + err.message, 'invalid-json')); } });

Any ideas why this is happening? Its doing my head in
Thanks,

2

Why not just use the Address Input from Wix for this?
https://support.wix.com/en/article/adding-and-setting-up-an-address-input-element

You can see in this previous example here about how to work with autocomplete().
https://www.wix.com/corvid/forum/corvid-tips-and-updates/example-using-the-places-api-from-google-maps-services

3

I can’t use the address input as I need to be able to specify parameters for The API so it works more effectively unfortunately. I was following that example and all my code came from there but I still get the same error for some reason