如何在 Javascript 中实现 google 地图位置自动完成?
How to implement google map places autocomplete in Javascript?
我正在尝试在我的应用程序中实现 google map place autocomplete api。我的代码如下-
<body>
<script src="https://maps.googleapis.com/maps/api/js?key=MY_API_KEY&callback=autoAddress&libraries=places"></script>
<script type="text/javascript">
function autoAddress() {
console.log('here');
var input = document.getElementById('auto-address');
var autocomplete = new google.maps.places.Autocomplete(input);
console.log(autocomplete);
}
google.maps.event.addDomListener(document.getElementById('auto-address'), 'keypress', autoAddress);
</script>
<input class="form-control" name="address" id="auto-address" type="text" placeholder="Address Details etc.">
</body>
我正在尝试在用户按下输入字段中的每个字符后提供有关按键事件地址的建议,如下图官方文档中的图像-
但我的控制台出现以下错误-
未捕获(承诺),
消息:“autoAddress 不是函数”,
名称:“InvalidValueError”。
我应该怎么做才能解决这个问题?示例代码将不胜感激。
看来我找到了解决办法。问题出在行-
<script src="https://maps.googleapis.com/maps/api/js?key=MY_API_KEY&callback=autoAddress&libraries=places"></script>
我正在关注博客中的一些示例,我不记得它在哪里说使用回调函数作为请求参数。当我从脚本 src 中删除参数时,我不知道为什么,但它起作用了!
<script src="https://maps.googleapis.com/maps/api/js?key=MY_API_KEY&libraries=places"></script>
如果有人能解释原因,那对我来说真的很有帮助。
我正在尝试在我的应用程序中实现 google map place autocomplete api。我的代码如下-
<body>
<script src="https://maps.googleapis.com/maps/api/js?key=MY_API_KEY&callback=autoAddress&libraries=places"></script>
<script type="text/javascript">
function autoAddress() {
console.log('here');
var input = document.getElementById('auto-address');
var autocomplete = new google.maps.places.Autocomplete(input);
console.log(autocomplete);
}
google.maps.event.addDomListener(document.getElementById('auto-address'), 'keypress', autoAddress);
</script>
<input class="form-control" name="address" id="auto-address" type="text" placeholder="Address Details etc.">
</body>
我正在尝试在用户按下输入字段中的每个字符后提供有关按键事件地址的建议,如下图官方文档中的图像-
但我的控制台出现以下错误-
未捕获(承诺), 消息:“autoAddress 不是函数”, 名称:“InvalidValueError”。
我应该怎么做才能解决这个问题?示例代码将不胜感激。
看来我找到了解决办法。问题出在行-
<script src="https://maps.googleapis.com/maps/api/js?key=MY_API_KEY&callback=autoAddress&libraries=places"></script>
我正在关注博客中的一些示例,我不记得它在哪里说使用回调函数作为请求参数。当我从脚本 src 中删除参数时,我不知道为什么,但它起作用了!
<script src="https://maps.googleapis.com/maps/api/js?key=MY_API_KEY&libraries=places"></script>
如果有人能解释原因,那对我来说真的很有帮助。