代码之家 › 专栏 › 技术社区 › Dan TheCodeJunkie

与bing/google地理编码集成的位置搜索自动补全功能

bing-maps geolocation autocomplete google-maps jquery

6

Dan TheCodeJunkie · 技术社区 · 17 年前

关于自动完成位置搜索,并与谷歌或Bings的位置数据集成,有什么好的建议吗?

我想在注册时捕捉用户的位置,目前我有一个免费的文本输入框。我希望有某种自动完成功能,引导用户输入更多经过净化的信息,理想情况下,我也想对用户进行地理编码。

我目前正在使用jQuery autocomplete

4 回复 | 直到 17 年前

1

7

npdoty 17 年前

Freebase Suggest jQuery插件。他们将为您完成所有的自动完成,甚至是建议UI,您可以指定您只想自动完成位置(或仅美国县,或其他任何地方)。

GeoNames web services ,你可以用jQuery自动补全来匹配。

2

Community Mohan Dere 9 年前

我们对上的“账单地址”字段做了类似的操作 https://bombsheets.com/

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

然后使用地理定位API服务器端获取实际地址(我们使用Rails的优秀 GeoKit ).

看 this question 为了一些额外的颜色。

3

2

kalys.osmonov 15 年前

https://github.com/lorenzsell/Geocoded-Autocomplete

4

0

Pushparaj Yuvaraj 10 年前

 <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>