Я использую клиентскую библиотеку 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.log("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.log("Retrieved duration: ", that.state.delivery.time);
console.log("Retrieved miles:", that.state.delivery.miles);
console.log(
"Retrieved total delivery fee: ",
that.state.delivery.deliveryFeeTotal
);
}
);
}
});
that.state.deliverycoords
является динамическим. Когда я запускаю эту функцию, она делает запрос, консоль браузера возвращает это:
Не удалось загрузить 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: в запрошенном ресурсе отсутствует заголовок «Access-Control-Allow-Origin». Таким образом, доступ к источнику 'https://1zjr04npqj.codesandbox.io' запрещен. Если непрозрачный ответ соответствует вашим потребностям, установите для режима запроса значение «no-cors», чтобы получить ресурс с отключенным CORS.
Я запускаю этот код в codeandbox. Вопрос: Как решить эту проблему и есть ли пример кода, на который я могу сослаться?. Спасибо