Google Place API – No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘null’ is therefore not allowed access [duplicate]

by

I got it working after finding answer by @sideshowbarker here:

No ‘Access-Control-Allow-Origin’ header is present on the requested resource—when trying to get data from a REST API

And then used this approach to get it working: 

const proxyurl = "https://cors-anywhere.herokuapp.com/";
const url = "https://maps.googleapis.com/maps/api/place/nearbysearch/json?location=${latitude},${longitude}&radius=500&key=[API KEY]"; // site that doesn’t send Access-Control-*
fetch(proxyurl + url) // https://cors-anywhere.herokuapp.com/https://example.com
.then(response => response.json())
.then(contents => console.log(contents))
.catch(() => console.log("Can’t access " + url + " response. Blocked by browser?"))

More info can be found in the answer in link above.

More Related Contents:

  1. Difference between .ajaxSubmit() vs .submit()
  2. jQuery Ajax POST example with PHP
  3. jQuery AJAX submit form
  4. jQuery load more data on scroll
  5. how to bypass Access-Control-Allow-Origin?
  6. How to generate a simple popup using jQuery
  7. jQuery has deprecated synchronous XMLHTTPRequest
  8. Parallel asynchronous Ajax requests using jQuery
  9. Why would multiple simultaneous AJAX calls to the same ASP.NET MVC action cause the browser to block?
  10. Access denied to jQuery script on IE
  11. How to upload a file using jQuery.ajax and FormData
  12. Cross domain POST request is not sending cookie Ajax Jquery
  13. Ajax call Into MVC Controller- URL Issue
  14. How to wait until jQuery ajax request finishes in a loop?
  15. Google Maps Display:None Problem
  16. Problem with jQuery.ajax with ‘delete’ method in ie
  17. jQuery AJAX polling for JSON response, handling based on AJAX result or JSON content
  18. How to stop refreshing page after ajax call?
  19. jquery window.open in ajax success being blocked
  20. send json object from javascript to php
  21. values not updated after an ajax response
  22. Callback function for JSONP with jQuery AJAX
  23. How can I return a view from an AJAX call in Laravel 5?
  24. Upload file to my google drive with Google Apps Script (NO FORM IN GOOGLE)
  25. jQuery DataTables “No Data Available in Table”
  26. jQuery $.ajax(), pass success data into separate function
  27. How to submit checkboxes from all pages with jQuery DataTables
  28. creating highchart with ajax json data
  29. Python Flask Cors Issue
  30. Looping through Markers with Google Maps API v3 Problem

Leave a Comment