Google 자동 완성 목록에 즐겨 찾기 위치 추가

Question

Google 자동 완성에 추가 위치를 추가 할 수있는 방법이 있습니까?

내 '즐겨 찾는 위치'목록에서 검색하고 해당 목록의 위치를 ​​검색 결과 상단으로 가져와야합니다.

Pls는 Google 자동 완성에 사용한 코드 스 니펫을 찾습니다.

let autocomplete = new google.maps.places.Autocomplete(elementRef, { 
    componentRestrictions: { country: 'KW' } 
}); 

저는 4 번 모퉁이에서 일하고 있습니다. 누구든지 저를 안내해 줄 수 있습니까?

감사합니다.

Answer 1

AutocompleteService class을 사용하고 나만의 제안 목록을 작성할 수 있습니다.

function initialize() { 
 

 
    var search = 'Boston, MA'; 
 
    
 
    var service = new google.maps.places.AutocompleteService(); 
 
    service.getPlacePredictions({ 
 
     input: search, 
 
     types: ['establishment', 'geocode'] 
 
    }, callback); 
 
} 
 

 
function callback(predictions, status) { 
 

 
    if (status != google.maps.places.PlacesServiceStatus.OK) { 
 
     alert(status); 
 
     return; 
 
    } 
 

 
    var results = document.getElementById('results'); 
 

 
    for (var i = 0, prediction; prediction = predictions[i]; i++) { 
 
     results.innerHTML += '<li><div class="result"><h3>' + prediction.description + '</h3>' + JSON.stringify(prediction) + '</div></li>'; 
 
    } 
 
}

.result { 
 
padding: 10px; 
 
border: 1px solid black; 
 
margin-bottom: 10px; 
 
}

<p>Query suggestions:</p> 
 
<ul id="results"></ul> 
 

 
<script src="https://maps.googleapis.com/maps/api/js?libraries=places&callback=initialize" 
 
     async defer></script>

그런 다음 당신의 필요에 맞게 스타일을하고 목록에서 원하는 인쇄 할 몫이다. 알 수 있듯이 callback 함수에서 즐겨 찾기를 쉽게 푸시 할 수 있습니다.