API Карт Google: заголовок «Access-Control-Allow-Origin» отсутствует на запрошенном ресурсе

Я видел этот вопрос, заданный несколькими людьми, ни один из ответов не работал для меня.

Я пытаюсь сделать API-вызов для google-карт api с помощью action / axios.

Это мой запрос на получение:

componentDidMount() { axios({ method : 'get', url : `http://maps.googleapis.com/maps/api/js?key=${key}/`, headers: { "Access-Control-Allow-Origin": '*' "Access-Control-Allow-Methods": 'GET', }, }) .then(function (response) { console.log(response); }) .catch(function (error) { console.log(error); }); } 

Это ошибка msg:

 XMLHttpRequest cannot load http://maps.googleapis.com/maps/api/js? key=xxxxxxxxx/. Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:3000' is therefore not allowed access. 

Я прочитал статью con CORS, что все остальные указывают на https://www.html5rocks.com/en/tutorials/cors/

но я не могу найти ответ на мою проблему.

https://maps.googleapis.com/maps/api не поддерживает получение запросов от внешнего интерфейса JavaScript, запущенного в веб-приложениях, таким образом, как ваш код пытается его использовать.

Вместо этого вам нужно использовать поддерживаемый API Google Maps JavaScript , код на стороне клиента, для которого отличается от того, что вы пытаетесь. Пример для службы «Матрица расстояний» выглядит следующим образом:

   

И вот пример использования API автозаполнения места с помощью библиотеки «Места» :

   

Используя API JavaScript для Maps, как это, посредством элемента script для загрузки библиотеки, а затем с помощью google.maps.Map и других методов google.maps.* – это единственный поддерживаемый способ отправки запросов API Карт Google. из внешнего кода JavaScript, выполняющего браузер.

Google намеренно не разрешает доступ к API Карт Google посредством запросов, отправленных с помощью аксиом или методов AJAX в других таких библиотеках, а также напрямую с XHR или API Fetch.

  • Как открыть стандартное приложение Google Map из моего приложения?
  • Добавить схему «Область поиска» на результат Google Maps
  • Карты Google и Richfaces 3.3.3 (prototype.js 1.6.0.3) Возможная несовместимость
  • API Карт Google превысил ограничение на количество пользователей в секунду
  • Сообщение LogCat: Ресурсы служб Google Play не найдены. Проверьте конфигурацию проекта, чтобы убедиться, что ресурсы включены.
  • Google Maps V3 - путевые точки + инфо-окно со случайным текстом
  • Как кэшировать fragmentы карты Google для автономного использования?
  • Стилирование Google Maps InfoWindow
  • Как получить доступ к DIV-маркеру API Карт Google Maps v3 и его позиции пикселя?
  • Как установить местоположение по умолчанию и уровень масштабирования для google map api v2?
  • API Карт Google V3: странные сбои отображения пользовательского интерфейса (со снимком экрана)
  • Давайте будем гением компьютера.