Google지도에서 정보보기 api

Question

이메일로 전송되어 주소 입력란에 Google의 API를 사용하는 간단한 양식을 작성하는 중입니다. 사용자가 주소를 입력하기 시작한 곳에서 자동 완성 부분을 사용하는 방법에 대해 읽었습니다. 따라서 12 West를 입력하기 시작하면 캐나다 앨버타 주 n2n 5h8의 Cayley, 12 Westmount Drive를 선택하도록 권하고 있습니다.

이 정보를 거리, 도시, 우편 번호, 지방 및 국가로 나눌 수 있다면 백엔드에서 궁금합니다. 그렇게하면 이메일에 전체 주소를 포함시키고 거리와 도시 정보를 별도의 단락으로 사용할 수 있습니다.

Answer 1

Google이 반환 한 주소에서 특정 입력란을 가져 오는 것은 가능합니다.

Places Autocomplete을 사용한다고 가정하면 PlaceResult 개체에 액세스 할 수 있습니다. PlaceResult 개체의 배열은 GeocoderAddressComponent 인 address_components이라는 속성이 있습니다.

각 GeocoderAddressComponent에는 구성 요소의 이름이 포함 된 types 배열이 있으며 여러 가지 방법으로 설명하는 경우 여러 개의 이름이 있습니다. 예 : address_components 개체는 here에서 찾을 수 있습니다.

route 및 sublocality 이름을 찾고 address_components 배열의 모든 요소를 ​​반복하면 거리와 도시에 대한 개별 값을 각각 제공 할 수 있습니다.

Answer 2

/* 귀하의 양식을 작성한 후 이메일을 보내시겠습니까?

나는이 양식 정보를 유지하여 나중에 사용할 수 있도록 데이터베이스에 정보를 수집하고자합니다. 그런 다음 정보를 보내서 양식을 보낼 수 있습니다. 여기

당신을 도울 수있는 코드에 대한 */

? (var에 나는 = 0; 나는 < place.address_components.length; 내가 ++) {

var addressType = place.address_components[i].types[0]; 

if (componentForm[addressType]) { 
    var val = place.address_components[i][componentForm[addressType]]; 
    document.getElementById(addressType).value = val; 

    your_obj[addresType] = val; 

} 

}

// 그 다음에 다음과 같이 사용할 수 있습니다 : var postal_code = your_obj [ 'postal_code'];

// your_obj의 모든 항목을 확인하려면 먼저 console.log()를 확인하십시오. console.log (your_obj);