【问题标题】:Address suggestions by google maps谷歌地图的地址建议
【发布时间】:2011-10-22 19:08:11
【问题描述】:

有人知道是否有任何方法可以使用 google maps api 在我的网页中重现像 http://maps.google.com/ 这样的 ajax 建议框?

例如,如果有人写下“15 Avenue”的建议列表,这个想法是:

“美洲大道 15 号,纽约,美国”

“星光大道 15 号,美国加利福尼亚州洛杉矶”

等等

只是一个是不是 qustion =)

谢谢

【问题讨论】:

    标签: api google-maps google-maps-api-3 maps google-api


    【解决方案1】:

    是的。

    查看“15 Avenue”的地理编码响应...

    http://maps.googleapis.com/maps/api/geocode/json?address=15+Avenue&sensor=false

    您会得到一个可能的结果列表,您可以将其放入下拉列表中。

    【讨论】:

      【解决方案2】:

      Google 提供了一个 API 示例。

      确保您加载了places 库:

      <script type="text/javascript"
          src="https://maps.googleapis.com/maps/api/js?v=3&libraries=places">
      </script>
      

      接下来你的javascript:

      var autocomplete;
      function initialize() {
          autocomplete = new google.maps.places.Autocomplete(
              document.getElementById('autocomplete'),
              { types: ['geocode'] }
          );
      }
      google.maps.event.addDomListener(window, 'load', initialize);
      

      使用 HTML

      <div><input id="autocomplete" type="text"></div>
      

      另见https://developers.google.com/maps/documentation/javascript/examples/places-autocomplete-addressform

      【讨论】:

        【解决方案3】:

        我在 stackoverflow 上的另一个答案中找到了这个。本页展示了如何使用谷歌地图/地理编码提供自动完成选项。

        http://tech.cibul.net/geocode-with-google-maps-api-v3/

        【讨论】:

          猜你喜欢
          • 1970-01-01
          • 2021-04-12
          • 2013-08-08
          • 1970-01-01
          • 1970-01-01
          • 2019-12-30
          • 2016-02-16
          • 1970-01-01
          • 1970-01-01
          相关资源
          最近更新 更多