Question

是否可以将纸张输入组件的输入连接到Google Places Autocomplete库？我正在尝试将地点下拉效果与paper-input behavior

结合起来

Answer 1

您可以使用以下代码获取Google地方自动填充聚合物纸张输入

首先，您需要导入Google地图网络组件你可以从https://googlewebcomponents.github.io/

下载google-maps元素

<link rel="import" href="components/google-maps/google-maps.html">

然后您可以使用以下代码。在页面onload上调用初始化函数。当您在输入中键入任何地址时，将显示自动填充，当您从自动填充中选择任何项目时，将启动回调。

<paper-input id="search"></paper-input>
<script>
var autocomplete;
function initialize()
{
  autocomplete = new google.maps.places.Autocomplete((document.getElementById('search')), {types:['geocode']});
  google.maps.event.addListener(autocomplete, 'place_changed', callBack);
}
function callback()
{
  var place = autocomplete.getPlace();
  //console.log(place.geometry.location.lat());
}
</script>

您可以从https://developers.google.com/maps/documentation/javascript/places-autocomplete

了解有关Google地方自动填充功能的更多信息

Answer 2

有人已经编写了元素here，只需用纸输入和输入替换输入。添加导入。

另外注意，＆＃34;图书馆＆＃34;属性必须在每个谷歌地图元素上完全相同。

聚合物纸输入与谷歌地方自动完成

2 个答案: