6

GoogleやBingsの位置データなどと統合された、オートコンプリートの位置検索に関する優れた提案はありますか？

サインアップ時にユーザーの場所をキャプチャしたいのですが、現在、フリーテキストの入力ボックスがあります。ユーザーがよりサニタイズされた情報を入力できるように、ある種のオートコンプリートが必要です。理想的には、ユーザーも地理コード化したいと思います。

現在、自動検索にjQueryオートコンプリートを使用していますが、これには、私が持っていない、または維持したくない位置データを提供する必要があります。

4

4 に答える 4

7

独自の場所のデータベースを維持したくない場合は（あなたにとって良いことです！）、FreebaseとjQuery用のFreebaseSuggestプラグインを参照してください。彼らはあなたのためにすべてのオートコンプリートと提案UIさえも行います、そしてあなたはあなたがただ場所をオートコンプリートしたいことを指定することができます（または米国の郡だけ、または何でも）。

ロケーション名のデータベースを提供できるが、オートコンプリートUIを実行しない地名集が存在します。 たとえば、GeoNamesには、jQueryオートコンプリートと組み合わせることができる優れたWebサービスのセットがあります。

于 2009-08-24T22:56:48.240 に答える
2

https://bombsheets.com/の「請求先住所」フィールドについても同様のことを行います。オートコンプリートオプションを取得するには、AJAX呼び出しを行う必要があります。

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

次に、ジオロケーションAPIサーバー側を使用して、実際のアドレスを取得します（Railsの優れたGeoKitを使用します）。

追加の色については、この質問を参照してください。

于 2009-08-24T18:50:09.517 に答える
2

https://github.com/lorenzsell/Geocoded-Autocomplete このjQueryプラグインは、Google GeocodingJavascriptAPIとjQueryUIAutocompleteを使用します。

于 2011-03-23T04:19:08.893 に答える
0 
 <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>
于 2016-03-30T13:15:08.820 に答える