[REACTJS] Google지도 API; "CORS 헤더 '액세스 제어 - 허용 - 원산지'실종"오류 [중복]

Google지도 API; "CORS 헤더 '액세스 제어 - 허용 - 원산지'실종"오류 [중복]

해결법

1. ---

   1.당신은 클라이언트 측에서 거리 매트릭스 서비스를 사용하고 있습니다. 그러나 당신은 API에 액세스를 시도하는 방식은 클라이언트 (브라우저)를 지원하지 않습니다 - 사이트를 그리고 안정적으로 작동하지 않습니다.

   당신은 클라이언트 측에서 거리 매트릭스 서비스를 사용하고 있습니다. 그러나 당신은 API에 액세스를 시도하는 방식은 클라이언트 (브라우저)를 지원하지 않습니다 - 사이트를 그리고 안정적으로 작동하지 않습니다.

   귀하의 사용 사례에 대한 라이브러리가 있음을 잘 : 다음은 클라이언트 측의 거리 매트릭스 서비스에 대한 안내입니다. 그리고 여기에 바닐라 JS 예제를 확인합니다.

   어쩌면이 조각은 당신을 도울 것입니다 :

   const matrix = new google.maps.DistanceMatrixService();
   
   matrix.getDistanceMatrix({
     origins: [new google.maps.LatLng(25.7694708, -80.259947)],
     destinations: [new google.maps.LatLng(25.768915, -80.254659)],
     travelMode: google.maps.TravelMode.DRIVING,
   }, function(response, status) {
     //do something
   });
   

from https://stackoverflow.com/questions/55483478/google-maps-api-cors-header-access-control-allow-origin-missing-error by cc-by-sa and MIT license