Completamento automatico JavaScript Google Places: posso rimuovere il Paese dal nome del luogo?

Question

Ho il seguente codice jQuery che funziona bene con ottenere l'elenco delle città per il paese selezionato.

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); 
    }) 
}) 

In sostanza, una volta che la persona sceglie il luogo, esso sostituisce il valore nella casella di input con il valore "città", senza il paese.

sembra un po 'stupido avere City, Country nel menù a tendina quando l'utente ha già selezionato un paese, così qualcuno sa se è possibile visualizzare solo il nome della città se è stato definito un valore componentRestrictions limitare i risultati in un nazione?

trovo il mio attuale metodo di impostazione una volta che la selezione è stata fatta per essere un po '... spazzatura davvero ...

Answer 1

La risposta breve è: il contenuto della risposta nella Autocomplete è controllato da Google (si parla di questo in uno dei vostri commenti) e il Autocomplete^api-doc non fornisce un modo per personalizzare il testo di risposta che viene visualizzato, oltre modificando il testo segnaposto^dev-guide. La soluzione che stai utilizzando è l'opzione migliore che hai (ed è un po 'reattiva, ma non so se è davvero "spazzatura").

Oltre a ciò, se non si è soddisfatti di tale approccio, è sempre possibile creare un'area di immissione personalizzata e assumere il controllo completo della richiesta-risposta avanti e indietro. Puoi utilizzare direttamente la Libreria dei luoghi ^dev-guide e avere il controllo completo di tutto ciò che viene mostrato.

Answer 2

Attendo 100 millesecondi, quindi sostituisco la casella di testo con il contenuto desiderato.

Tranne nel mio caso, voglio una casella vuota, ma inserire un singolo spazio.

Answer 3

Quando si richiama Google API, specificare attributo "regione":

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

Poi, quando si crea un oggetto Autocomplete, specificare il Paese nell'attributo componentRestriction, in modo che rifletta la regione specificata:

 

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

Answer 4

Inoltre puoi aiutare te stesso da css - nascondendo l'ultima span (= stato) nell'elemento di completamento automatico.

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