通过谷歌地图解决建议

时间:2011-08-08 22:32:44

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

有人知道是否有办法使用google maps api在我的网页中复制像http://maps.google.com/这样的ajax建议框?

例如,如果有人在“15 Avenue”中写下一系列建议:

“15美洲大道,纽约,纽约,美国”

“美国加利福尼亚州洛杉矶的15大道之星”

只是一个是没有qustion =)

由于

3 个答案:

答案 0 :(得分:6)

查看“15 Avenue”的地理编码响应...

http://maps.googleapis.com/maps/api/geocode/json?address=15+Avenue&sensor=false

您可以在下拉列表中找到可能的结果列表。

答案 1 :(得分:3)

Google提供了一个API示例。

确保加载places库:

<script type="text/javascript"
    src="https://maps.googleapis.com/maps/api/js?v=3&libraries=places">
</script>

接下来你的javascript:

var autocomplete;
function initialize() {
    autocomplete = new google.maps.places.Autocomplete(
        document.getElementById('autocomplete'),
        { types: ['geocode'] }
    );
}
google.maps.event.addDomListener(window, 'load', initialize);

使用HTML

<div><input id="autocomplete" type="text"></div>

另见https://developers.google.com/maps/documentation/javascript/examples/places-autocomplete-addressform

答案 2 :(得分:2)

我在stackoverflow上找到了另一个答案。此页面显示如何使用Google地图/地理编码提供自动填充选项。

http://tech.cibul.net/geocode-with-google-maps-api-v3/