'Access-Control-Allow-Origin'각도를 사용하지 않기 2

Question

나는 거리 매트릭스 google api에 요청을하고 있지만 액세스 제어가 허용되지 않음을 얻는 중입니다. 이 헤더 이후

this.http.get(googleApiurl).map(response => response.json()).subscribe(
    //Code here 
); 

는 응답 헤더이며, 헤더를 요청하지, i'v 시도 :

In constructor->private res: ResponseOptions 
this.res.headers.append('Access-Control-Allow-Origin','*'); 

당신이 날 HEP 수 있습니까?

Answer 1

서버에서 Google API를 요청하는 것이 좋습니다. 그러나 서버를 설정하지 않으려면 몇 가지 해결 방법이 있습니다.

해결 방법 1 : 저도 같은 문제에 직면하고 PlaceID

// Get Place ID from Address 
function getPlaceIDFromAddress(address, callback){ 
      var place = {}; 
      var request = { 
      location: new google.maps.LatLng(myLat, myLng), 
      radius: '50', 
      query: address 
      }; 
      var service = new google.maps.places.PlacesService($scope.mapContainer); 
      service.textSearch(request, function(results, status){ 
      if (status == google.maps.places.PlacesServiceStatus.OK) {  
        var placeId = results[0].place_id; 
        var location = results[0].geometry.location;      
       return callback(null, placeId); 
       } 
      }); 
    } 

을 얻을 수있는 PlacesService의를 사용하여 문제를 해결 한

다음 LatLng를 얻을 지오 코더하기 위해 PlaceID를 전달하거나 수행 할 수 있습니다 LatLng을 GeoCode로 전달하여 주소를 가져옵니다.

(new google.maps.Geocoder()).geocode({placeId: places_id}, function(results, status) { 
    if (status == google.maps.GeocoderStatus.OK) { 
    console.log("Address: ", results[0].formatted_address); 
}}); 

해결 방법 2 :

하지만 권장하지 않습니다.

로컬 호스트에서 테스트하려는 경우 this 크롬 확장 프로그램을 설치할 수 있습니다. 매트릭스 api를 호출하기 전에 이것을 켜십시오.

이 확장은 헤더에 'Access-Control-Allow-Origin'을 삽입합니다.