【问题标题】:Initial place for google place autocomplete谷歌地点自动完成的初始地点
【发布时间】:2016-02-19 05:28:44
【问题描述】:

我在我的应用程序中使用谷歌地图位置自动完成 API。现在在初始加载时,我想在自动完成的输入上显示一个位置。有什么方法可以在不设置文本框的值的情况下实现它?

【问题讨论】:

  • 您是指输入文本框或搜索结果中的一个位置?
  • 在自动完成文本框中设置了一个位置。没有结果。在页面加载时。
  • 好的,明白了。你能创建一个小提琴,以便于检查吗?
  • 这里是通过谷歌地方 API 显示自动完成的小提琴。如何在页面加载时设置预定义的位置?

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


【解决方案1】:

API 可能不支持类似的东西。但是,您可以通过在文本框中预先填充您想要的位置,然后将地图以该位置为中心来模拟。

例如:您可以用“班加罗尔,卡纳塔克邦”预填充文本框,并将地图居中在 12.970786, 77.593466(班加罗尔的纬度和经度)。

【讨论】:

    【解决方案2】:

    如果您已经知道自动完成的结果,请使用该地址/地点并使用地理编码器、地点 API 或生成的坐标来显示结果。

    虽然看着你的小提琴,但我认为这就是你要找的(用“美国内布拉斯加州”的预定义值填写自动完成输入:

    <input id="autocomplete" placeholder="Enter location" type="text" value="Nebraska, United States" />
    

    proof of concept fiddle

    代码 sn-p:

    function initialize() {
    
      new google.maps.places.Autocomplete(
        (document.getElementById('autocomplete')), {
          types: ['geocode']
        });
    }
    
    initialize();
    #autocomplete {
      width: 300px;
      padding: 7px;
    }
    <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&libraries=places"></script>
    <input id="autocomplete" placeholder="Enter location" type="text" value="Nebraska, United States" />

    【讨论】:

      猜你喜欢
      • 2014-11-18
      • 2013-03-23
      • 2019-04-29
      • 2018-07-01
      • 1970-01-01
      • 1970-01-01
      • 2013-10-15
      • 2018-08-25
      相关资源
      最近更新 更多