根據選定城市的Google Places自動完成

-1

我想在選擇選項類型中顯示基於所選城市的自動完成功能是否有任何方式來執行此任務或顯示錯誤，當用戶選擇不匹配的不同位置時選擇城市根據選定城市的Google Places自動完成

我的代碼是

<!DOCTYPE html> 
<html> 
<head> 
    <title>Map</title> 
    <script src="jquery-2.1.1.min.js"></script> 
</head> 
<body> 
<form action=""> 
<select name="city" id="city"> 
    <option value="Karnal">Karnal</option> 
    <option value="Mumbai">Mumbai</option> 
    <option value="Banglore">Banglore</option> 
</select> 

<input type="text" name="location" id="location"> 
<input type="submit" name="submit" id="submit" value="Submit"> 
</form> 

<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyD2WulC6fdCHMwJUypDOiEWUstYLT2iXxQ&v=3.exp&sensor=false&libraries=places,geometry"></script> 
<script type="text/javascript"> 
function initialize() { 

$('#city').on('change', function() { 
    var city = $('#city').val(); 
    alert(city); 
}) 

var input = document.getElementById('location'); 
var options = { 
    types: ['(regions)'], 
    componentRestrictions: {country: "ind"} 
}; 

autocomplete = new google.maps.places.Autocomplete(input, options); 
} 

google.maps.event.addDomListener(window, 'load', initialize); 
</script> 
</body> 
</html>

來源

2016-12-16 Faizan Khan

您可以通過使用限制的國家：

componentRestrictions: {country: "us"}

而T3這裏沒有辦法將結果限制爲只有cities，但這會很大程度上達到您想要的效果。如果你正確設置了你的界限，可能只限於一個城市的區域，它會讓你儘可能地接近目前的狀態。

例：

var input = document.getElementById('searchTextField'); 
var options = { 
    bounds: yourBounds, 
    types: ['geocode'] 
}; 

autocomplete = new google.maps.places.Autocomplete(input, options);

來源

2016-12-16 06:23:42

有沒有方法來顯示錯誤，當用戶選擇不同的地區是不匹配所選擇的城市像http://nobroker.in –

你必須實施一些自定義邏輯 –

還有[問題4433]（https://code.google.com/p/gmaps-api-issues/issues/detail?id=4433）。請讓它明星讓Google知道您對此功能請求感興趣。 – xomena

根據選定城市的Google Places自動完成

回答

相關問題