如何使用 Google 的自动完成位置 API?

fj785

在我的 HTML 中,我添加了

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

在我的 Javascript 中,我添加了

function initialize() {

var input = document.getElementById('location');
var autocomplete = new google.maps.places.Autocomplete(input);
}

google.maps.event.addDomListener(window, 'load', initialize);

其中 location 是我的搜索框的 ID。当我尝试输入一个值时,顶部只有一个灰色感叹号,它不允许我输入超过一个字母的任何内容。

哈桑

您可以使用以下示例。

function initialize() {
    new google.maps.places.Autocomplete(
    (document.getElementById('autocomplete')), {
        types: ['geocode']
    });
}

initialize();
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&libraries=places"></script>
<input id="autocomplete" placeholder="Enter your address" type="text"></input>

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

Google Maps API的位置自动完成组件限制限制

将 jQuery 与 google 位置自动完成配合使用

使用Angular为Google Places自动完成指定起始位置

如何获取自动完成TextView的Google Places API?

使用Google Maps API自动完成国家/地区列表

使用 Google API 自动完成用户地址字段

使用API自动完成

如何在自动完成位置googlemap api中创建绑定(仅限特定位置)

带有jQuery自动完成插件的Google Maps Api v3位置搜索

如何为iOS 7集成Google位置自动完成功能

Google Place API:如何自动完成API以进行自定义搜索?

使用VueJs选择位置后,重置Google自动完成输入值

从 Google Places api 自动完成获取时区

Google Maps API - 自动完成英国县

放置Google Api-自动完成

Google Maps Android API自动完成

Google 自动完成 Places API 错误 InvalidValueError

Google Places 自动完成 Api 2019

Google API上的Google API配额自动完成

Google Maps API:如何仅通过自动完成功能获取街道地址

如何最大程度地减少对Google API(场所)自动完成的请求量?

如何在Android版Google Maps API中为自动完成预测添加样式?

如何在Google自动完成API中查找仅学校成绩?

如何将Google Place自动完成api结果限制为仅纽约?

如何在一个国家限制Google Map API自动完成jQuery

使用 Google Maps JavaScript API 创建具有多个边界的美食场所/餐厅自动完成字段

Google Maps API JS-使用两个组合字段放置自动完成

QtQuick文本搜索使用Google自动完成自动完成

如何在表格视图中获取Google Places中的选定位置坐标自动完成预测iOS Swift