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

时间:2014-12-31 07:03:57

标签: polymer google-places-api

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

结合起来

2 个答案:

答案 0 :(得分:3)

您可以使用以下代码获取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地方自动填充功能的更多信息

答案 1 :(得分:2)

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

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