我是一个项目的一部分,需要邮政地址的自动完成或自动建议功能(类似于谷歌地图的功能)。当用户开始输入数字然后街道谷歌开始建议有效选项。我想知道市场上是否有api(甚至是商业用途)。
注意:我不正在寻找地址验证API。
我还可以购买一个地址数据库并在其上实现。但是,如果我们需要构建强大而复杂的东西,那就会涉及很多Dev开销。任何好的指针都会有所帮助。
由于 巴拉
答案 0 :(得分:3)
这样可以为您提供类似于您要搜索的解决方案。如果您使用Javascript on_click
替换onkeyup
事件,则应该能够实时检查地址。
这是一个快速的逐步集成指南,介绍如何将基于RapidAddress邮政编码的地址查找器添加到HTML网站。我们建议您先阅读JavaScript用户指南。 步骤1 从下载部分下载最新版本的JavaScript类。您还可以使用集成包,它包含可以作为起点方便的现成HTML页面。 将JavaScript文件crafty_postcode.class.js上传到您的网络服务器并在您的HTML中引用它,您可能必须在src属性中使用相对或绝对路径:
<script type="text/javascript" charset="ISO-8859-1" src="crafty_postcode.class.js">
</script>
注意:“ISO-8859-1”位在压缩JS脚本时很重要。 第2步 创建和配置JavaScript对象:
<script>
var cp_obj = CraftyPostcodeCreate();
cp_obj.set("access_token", "xxxxx-xxxxx-xxxxx-xxxxx"); // your token here
cp_obj.set("result_elem_id", "crafty_postcode_result_display");
cp_obj.set("form", "address");
cp_obj.set("elem_company" , "companyname");
cp_obj.set("elem_street1" , "address1");
cp_obj.set("elem_street2" , "address2");
cp_obj.set("elem_street3" , "address3");
cp_obj.set("elem_town" , "town");
cp_obj.set("elem_county" , "county");
cp_obj.set("elem_postcode" , "postcode");
</script>
第3步 在HTML中创建地址表单:
<form method="post" name="address">
Postcode:<br/>
<input type="text" name="postcode"/>
<button type="button" onclick="cp_obj.doLookup()">Find Address</button><br/>
<span id="crafty_postcode_result_display"> </span><br/>
Company:<br/>
<input type="text" name="companyname"/><br/>
Address:<br/>
<input type="text" name="address1"/><br/>
<input type="text" name="address2"/><br/>
<input type="text" name="address3"/><br/>
Town:<br/>
<input type="text" name="town"/><br/>
County:<br/>
<input type="text" name="county"/>
</form>
注意:“companyname”,“address2 / 3”和“county”是可选的,如果这些字段适合您的网站,您可以将这些字段保留。请记住在步骤2中从JavaScript配置中删除它们。例如,如果您不想要县字段:cp_obj.set(“elem_county”,“”); 注意“查找地址”按钮,onclick操作调用doLookup()方法。 地址结果(或错误消息)将放在id =“crafty_postcode_result_display”的元素中。 全部完成! 如果因任何原因无效,请将任何错误代码/消息通过电子邮件发送给我们。我们将很乐意提供帮助。您可能还想阅读JavaScript用户指南,如果您还没有。
发现于:
http://www.craftyclicks.co.uk/web-service/docs/javascript-address-finder-how-to-add-rapidaddress
答案 1 :(得分:1)
您可以使用googles geo autocomplete api
http://code.google.com/p/geo-autocomplete/
这将为您在googlemaps上获得的位置提供相同的自动完成功能。