google places -禁用自动完成

<input type="text" id="pac-input" class="controls" placeholder="Enter a location" autocomplete="off">

const request = {
  input: 'Sydney NSW, Australia',
  components: 'country:au'
};

const service = new google.maps.places.AutocompleteService();
service.getPlacePredictions(request, (predictions, status) => {
  if (status != google.maps.places.PlacesServiceStatus.OK) {
    console.error(status);
    return;
  }
  predictions.forEach(prediction => {
    console.log(prediction.description);
  });
});

const input = document.getElementById('pac-input');
const options = {
  componentRestrictions: { country: 'au' }
};

input.addEventListener('input', (e) => {
  const value = e.target.value;
  // 自定义逻辑来处理自动完成
  // 例如，调用自己的服务器API获取建议
  fetchSuggestions(value).then(suggestions => {
    // 更新UI显示建议
  });
});

function fetchSuggestions(query) {
  return fetch(`/api/suggestions?query=${query}`)
    .then(response => response.json())
    .then(data => data.suggestions);
}