Luogo di ricerca completamento automatico che si integra con Bing / google geocoding

Question

Tutti i simpatici suggerimenti su auto Ricerche complete posizione, che si integrano con qualcosa come Google o Bings dati di localizzazione?

Sono voler catturare la posizione dei miei utenti al momento della registrazione, attualmente ho una casella di testo libero. Sono voler avere una sorta di completamento automatico che guida l'utente ad inserire dati più Sanitized, idealmente vorrei geo-code l'utente troppo.

Attualmente sto usando il completamento automatico per la ricerca automatica, ma questo mi richiede di fornire i dati relativi all'ubicazione, che io non sono o vogliono mantenere.

Answer 1

Se non si desidera mantenere il proprio database di posizioni (buoni per voi!), Allora si potrebbe guardare Freebase e la loro Freebase Suggerisci plug per jQuery. Faranno tutto il completamento automatico e anche l'interfaccia utente suggerimento per voi ed è possibile specificare che si desidera solo luoghi per il completamento automatico (o solo contee degli Stati Uniti, o altro).

Esistono dizionari geografici che possono fornire il database di nomi di località, ma non farà l'interfaccia utente di completamento automatico per voi. GeoNames , per esempio, ha un bel set di servizi web , che si può abbinare con jQuery completamento automatico.

Answer 2

Facciamo qualcosa di simile per la "indirizzo di fatturazione" sul campo https://bombsheets.com/ - è necessario fare una chiamata AJAX per ottenere le opzioni di completamento automatico:

 $(".address-autocomplete").autocomplete('/get_address', {
   delay: 250,
   scrollHeight: 400,
   matchSubset: false,
   cacheLength: 10,
   minChars: 3
 });

E quindi utilizzare un server-side geolocalizzazione API per ottenere gli indirizzi effettivi (usiamo eccellente Geokit ).

questa domanda per un certo colore aggiuntivo.

Answer 3

https://github.com/lorenzsell/Geocoded-Autocomplete Questo plugin jQuery utilizza Google Geocoding API JavaScript e jQuery UI completamento automatico.

Answer 4

 <script>
        function init() {
            var input = document.getElementById('locationTextField');
            var autocomplete = new google.maps.places.Autocomplete(input);

            ///Start for getting lat and lang

            google.maps.event.addListener(autocomplete, 'place_changed',
               function() {
                  var place = autocomplete.getPlace();
                  var lat = place.geometry.location.lat();
                  var lng = place.geometry.location.lng();
                  document.getElementById("lat").innerHTML = "Lat: "+lat+"<br />Lng: "+lng;
               }
            );

            ////End
        }

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