選択した都市に応じたGoogleプレイスのオートコンプリート

-1

選択した都市に基づいてオートコンプリートを表示したい場合は、このタスクを実行する方法があります。選択した都市選択した都市に応じたGoogleプレイスのオートコンプリート

私のコードは、あなたが使用して国のために制限することができ

<!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"}

しかしトンをここでは結果をちょうどcitiesに限定する方法はありませんが、これは主にあなたが望むものを達成するでしょう。 yourBoundsを正しく設定すると、おそらく都市のエリアに限定され、現在可能な限り近くにいます。

例：

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プレイスのオートコンプリート

答えて

関連する問題