Google地图自动填充自动选择Firstoption

时间:2014-03-20 19:02:33

标签: javascript jquery google-maps google-maps-api-3 google-maps-autocomplete

我正在使用Google Maps Places V3自动填充功能。我希望有一个功能,如果用户开始在搜索字段中输入一个单词并按Enter键,则应选择自动完成下拉列表中的第一个项目。就像在http://www.onradpad.com/上一样。

我在这个主题上找到了很多关于SO的帖子,但是我无法得到确切的结果。请帮我解决这个问题。

<!doctype html>
<html>
  <head>
    <script src="http://maps.google.com/maps/api/js?libraries=places&region=uk&language=en&sensor=false"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script type="text/javascript">
      $(document).ready(function(e){
        var compformautoaddrfill = new google.maps.places.Autocomplete(document.getElementById('compAddr'), {
          componentRestrictions: {country: "be"}
        });
        google.maps.event.addListener(compformautoaddrfill, 'place_changed', function() {
          console.log(compformautoaddrfill.getPlace().address_components.length,compformautoaddrfill.getPlace());
        });
      });
    </script>
  </head>
  <body>
    <input type="text" id="compAddr">
  </body>
</html>

JSFIDDLE

0 个答案:

没有答案