javascript - How to get response from a GET method google maps API?

Question

I want to hit this API and get its response in JSON, but unfortunately I am getting an error in console.

Here is my code

var request = new XMLHttpRequest()
request.open('GET', 'https://maps.googleapis.com/maps/api/place/autocomplete/json?input=Gorak&types=establishment&location=22.9867569,87.8549755&radius=500&key=YOUR-API-KEY', true)
request.setRequestHeader('Content-Type', 'application/json');  
request.send(); 
request.onload = function (){
var data = JSON.parse(this.response)
console.log(data);
} 

This is the error on console:

Access to XMLHttpRequest at 'https://maps.googleapis.com/maps/api/place/autocomplete/json?input=Mirpur,%20Khara&types=establishment&location=22.9867569,87.8549755&radius=500&key=YOUR-API-KEY' from origin 'null' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.

Can someone please help me with this?

Answer 1

等待大神解答