Автозаполнение поиска местоположения, которое интегрируется с геокодированием bing / google

Question

Какие-нибудь приятные предложения по автоматическому поиску местоположения, которые интегрируются с чем-то вроде данных местоположения Google или Bings?

Я хочу записать местоположение моих пользователей при регистрации, в настоящее время у меня есть поле для ввода свободного текста. Я хочу, чтобы у меня была какая-то функция автозаполнения, которая направляет пользователя на ввод более дезинфицированной информации, в идеале я бы тоже хотел геокодировать пользователя.

В настоящее время я использую jQuery autocomplete для автоматического поиска, но для этого требуется предоставить данные о местоположении, которые я не имею или не хочу поддерживать.

Answer 1

Если вы не хотите поддерживать свою собственную базу данных местоположений (хорошо для вас!), Вы можете посмотреть на Freebase и их Freebase Suggest плагин для jQuery. Они выполнят все автозаполнение и даже пользовательский интерфейс подсказки, и вы можете указать, что вы просто хотите автоматически заполнять местоположения (или только округа США, или что-то еще).

Существуют справочники, которые могут предоставить базу данных названий мест, но не выполнят для вас автозаполнение пользовательского интерфейса. GeoNames , например, имеет хороший набор веб-сервисов , которые вы можете сравнить с jQuery Autocomplete.

Answer 2

https://github.com/lorenzsell/Geocoded-Autocomplete Этот плагин jQuery использует API JavaScript для геокодирования и автозаполнение пользовательского интерфейса jQuery.

Answer 3

Мы делаем нечто похожее для поля «адрес для выставления счета» на https://bombsheets.com/ - вам нужно сделать AJAX-вызов, чтобы получить параметры автозаполнения:

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

А затем используйте серверную часть API геолокации для получения реальных адресов (мы используем Rails 'превосходный GeoKit ).

См. этот вопрос для получения дополнительной информации.

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>