Google Rehber JavaScript Otomatik tamamlama: Ben yer adından ülkeyi kaldırabilirim?

Question

Ben Seçilen ülke için şehir listesi aldıktan iyi çalışır aşağıdaki jQuery kodu var. kişi yer seçer kez

var city; var place; 

$('#city').on('focus',function(){ 
    input = this, options = { 
     types: ['(cities)'], 
     componentRestrictions: { 
      country: $('#country option:selected').val() 
      } 
    }; 
    city = new google.maps.places.Autocomplete(input, options); 
    google.maps.event.addListener(city, 'place_changed', function() { 
     place = city.getPlace(); 
     $(input).val(place.address_components[0].long_name); 
    }) 
}) 

Temelde, bu ülke olmadan "şehir" değeri ile giriş kutusundaki değeri değiştirir.

Bu bir sonuçları kısıtlayan bir componentRestrictions değer tanımladıktan eğer öyleyse herkes bunun SADECE şehir adını görüntülemek mümkün olup olmadığını biliyor mu, kullanıcı zaten bir ülke seçti zaman açılır menüden City, Country olması biraz aptal görünüyor ülke?

Ben seçim gerçekten biraz ... çöp olduğu yapıldıktan sonra ayarlama benim şimdiki yöntemi ... bulmak

Answer 1

Kısa cevap: Autocomplete yanıt içeriği Google (tarafından kontrol edilir Bunu yorumlarınızdan birinde bahsediyorsunuz) ve Autocomplete^api-doc, dışındaki yer tutucu metnini^dev-guide yer tutucu metnini değiştirerek görüntülenen yanıt metnini özelleştirmenin bir yolunu sağlamaz. Kullandığınız çözüm, sahip olduğunuz en iyi seçenek hakkında (ve biraz reaktif, ama gerçekten "çöp") bilmiyorum. O yaklaşımla memnun daha az ise Bunun dışında

, her zaman sadece kendi giriş alanını oluşturmak ve ileri geri kendinizi istek-yanıt denetimini tümüyle ele geçirebilir. Rehber Kitaplığı'nı ^dev-guide doğrudan kullanabilir ve gösterilen her şeyin kontrolünü elinize alabilirsiniz.

Answer 2

ben 100 milleseconds bekleyin ve ardından istediğim içerikle metin kutusu değiştirin. benim durumumda hariç

Ben boş kutu istiyorum ama tek bir boşluk ekleyin. Bir Autocomplete nesne oluştururken belirttiğiniz bölgeyi yansıtır böylece Sonra

<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?libraries=places&sensor=false&key=your_key&language=fr&region=FR"></script> 

,, componentRestriction özelliğinde ülkeyi belirtmek: Google API çağrılırken zaman

Answer 3

, "Bölgeyi" özelliğini belirtmek

 

    new google.maps.places.Autocomplete(
     $("#my-input-field").get(0), 
     { 
      componentRestrictions: {country: "fr"}, 
      types: ["(regions)"] 
     } 
    ); 

Answer 4

Ayrıca css ile kendinize yardımcı olabilir - otomatik tamamlama maddesinde geçen aralığı (= devlet) gizleme.

.pac-item > span:last-child { 
    display: none; 
}