Google지도에 angular2를 표시하는 방법

위도와 경도를 사용하여 Google지도를 표시하는 데 성공했습니다. 그러나 주소를 사용하여 표시하는 방법을 모르겠습니다. 주소에서 & 위도를 생성해야합니다.Google지도에 angular2를 표시하는 방법

일부 코드는 주로 google.maps.Geocoder를 사용하여 보았습니다. 문제는 google.maps.Geocoder를 사용하려고하면 'google'이름을 찾을 수없는 오류가 발생한다는 것입니다.

누구든지이 문제를 해결하는 방법을 알고 있다면 알려 주시기 바랍니다. 예제 코드로 회신하면 큰 도움이 될 수 있습니다!

도움과 조언에 감사드립니다. : D

출처

2017-02-01 Mingyu Jeon

이 주소를 검색 및 구글 맵에 표시를위한 정말 좋은 튜토리얼은 다음과 같습니다

http://brianflove.com/2016/10/18/angular-2-google-maps-places-autocomplete/

이 바닥에뿐만 아니라 plunkr 데모가 있습니다. 희망이 당신이 찾고있는 것입니다.

주소 & 긴 내가 다시 이렇게 npm install @types/googlemaps --save-dev 를 사용하여 설치

let place: google.maps.places.PlaceResult = autocomplete.getPlace(); 

//verify result 
if (place.geometry === undefined || place.geometry === null) { 
    return 
} 

//set latitude, longitude 
this.latitude = place.geometry.location.lat(); 
this.longitude = place.geometry.location.lng();

출처

2017-02-01 13:36:46

답장을 보내 주셔서 감사합니다.하지만 내 것이 아닙니다. 위도와 경도에서 주소를 얻는 방법을 알고 있습니다. 주소에서 위도와 경도를 얻는 방법을 알아야합니다. –

입력 한 주소 (위 치)를 위도/경도로 변환하는 코드 스 니펫을 추가했습니다. 이게 네가 원하는거야? –

, 나는 cannot find name 'google'

그리고 ...이 사람이 나에게 angular2와 지오 코딩 몇 가지 예제가 제공되는 오류를 해결할 수 LAT하기?

출처

2017-02-02 02:04:58

간단했습니다. 난 당신이 위의 컴퍼넌트에 var google : any ;를 선언 할 필요가 응용 프로그램에서 구글로 이름을 찾기 위해 주소 매개 변수

constructor(private http: Http) { } 
    getlatlng(address){ 
    return this.http.get('https://maps.googleapis.com/maps/api/geocode/json?address=' + address) 
     .catch(handleError); 
    }

출처

2017-02-03 00:21:31

당신은 당신 자신의 대답을 받아 들일 수 있습니다 ... – Ray

이것은, 불행히도 교차 원산지 요청을 차단했습니다. – wiwi

와 함께이 그 호출 API URL을 해결한다. 파일 당신의 component.ts에

출처

2017-05-10 18:43:44

npm install --save @types/googlemaps; 

import {} from '@types/googlemaps';

그것은 나를 위해 일입니다!

출처

2017-05-31 12:56:22

질문을 던진 사람이 직접 대답했습니다. 또 다른 대답을 쓰는 것은 의미가 없습니다 .. – Ray

Google지도에 angular2를 표시하는 방법

답변

관련 문제