使用谷歌的自动完成API具有多个字段

时间:2014-06-24 17:12:19

标签: javascript autocomplete

问候编码员,

我正在处理一个表单,其中有动态数量的字段可以从Google的自动填充API中受益:https://developers.google.com/maps/documentation/javascript/examples/places-autocomplete-addressform

最后,我想通过角度重复来实现这一点,但是现在我很高兴不必为每个输入字段创建一个静态变量。形成。 (表格最多可以超过20个字段)。

有没有人做过这样的事情,或者对如何做到这一点有任何聪明的想法?我对Javascript很满意,但也许我在这里遗漏了一些东西。

谢谢!

1 个答案:

答案 0 :(得分:0)

经过一段时间的努力,我想到了我认为最简单的解决方案。通过将HTMLelement通过“onFocus”传递给初始化器,然后构建自动完成以及地理定位/我想用它做什么,我可以继续动态添加字段,即使在初始DOM加载之后。

function initialize(e) { console.log(e); var autocomplete = new google.maps.places.Autocomplete( (e), { } ); if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(function(position) { var geolocation = new google.maps.LatLng( position.coords.latitude, position.coords.longitude); autocomplete.setBounds(new google.maps.LatLngBounds(geolocation, geolocation)); }); }}