Использование клиента Google Maps с cors

Я использую клиентскую библиотеку node.js от Google, которую можно найти здесь - https://github.com/googlemaps/google-maps-services-js, в моем компоненте React. Я пытаюсь использовать матрицу расстояний Google в этой функции:

googleMapsClient.distanceMatrix({
  origins: "1002 Deming Way, Madison, WI 53717",
  destinations: that.state.deliverycoords,
  units: "imperial"
}, function(err, response){
  if (err){
    console.info("Error: ", err);
  } else {
     that.setState(
      {
        delivery: Object.assign({}, that.state.delivery, {
          time: response.rows.elements[0].duration.text,
          miles: response.rows.elements[0].distance.text,
          deliveryFeeTotal:
            parseInt(response.rows.elements[0].distance.text.split(" ")[0]) *
            that.state.deliveryFeePerMile
        })
      },
      function() {
        console.info("Retrieved duration: ", that.state.delivery.time);
        console.info("Retrieved miles:", that.state.delivery.miles);
        console.info(
          "Retrieved total delivery fee: ",
          that.state.delivery.deliveryFeeTotal
        );
      }
    );
  }
});

that.state.deliverycoords динамичный. Когда я запускаю эту функцию, она делает запрос, консоль браузера возвращает это:

Failed to load https://maps.googleapis.com/maps/api/distancematrix/json?destinations=-94.12788%2C45.547585&origins=1002%20Deming%20Way%2C%20Madison%2C%20WI%2053717&units=imperial&key=AIzaSyCe43xuJivO4RphF2c5PgPWdkbxlFz4mL0: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'https://1zjr04npqj.codesandbox.io' is therefore not allowed access. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.

Я запускаю этот код вcodeandbox. Вопрос: Как решить эту проблему и есть ли пример кода, на который я могу ссылаться?. Спасибо

Обходной путь: stackoverflow.com/questions/49001011/…

Yossi 17.03.2018 06:19

@Rahamin Я использую клиентскую библиотеку nodejs googlemaps. Невозможно добавить другой URL-адрес к этому URL-адресу, определенному в клиентской библиотеке nodejs goggle maps.

corax 17.03.2018 06:41

В итоге я использовал обходной путь cors -where.

corax 31.03.2018 17:49
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Массив зависимостей в React
Массив зависимостей в React
Все о массиве Dependency и его связи с useEffect.
1
3
1 087
0

Другие вопросы по теме