gpt4 book ai didi

javascript - 当尝试从 Google Places API 提取城市时,为什么我的自动完成搜索文件会卡住?

转载 作者:行者123 更新时间:2023-11-28 18:35:03 26 4
gpt4 key购买 nike

在我的网页基本模板中,我有 JQuery、Google Places API、自动完成插件和用于调用功能的 JS 代码的链接。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDaa7NZzS-SE4JW3J-7TaA1v1Y5aWUTiyc&libraries=places"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/geocomplete/1.7.0/jquery.geocomplete.js"></script>

<script>

$(function(){

$("#searchBoxGlow").geocomplete()

});

</script>

最后我有一个搜索字段,我想自动完成城市名称

<input type="text" class="form-control input-lg" id="searchBoxGlow" name="city" placeholder="Search Cities">

但是它卡住并显示感叹号,如以下屏幕截图所示:enter image description here

最佳答案

这对我有用。

<input type="text" id="searchplace" />
<input type="hidden" id="latitude" name="latitude"/>
<input type="hidden" id="longitude" name="longitude"/>

在该 html 部分中,我添加了以下内容:

<script type="text/javascript">
function initialize() {
var searchBox = document.getElementById('searchplace');
var autocomplete = new google.maps.places.Autocomplete(searchBox);
var latitude;
var longitude;

google.maps.event.addListener(autocomplete, 'place_changed', function () {
var place = autocomplete.getPlace();

latitude = place.geometry.location.lat();
longitude = place.geometry.location.lng();
document.getElementById('latitude').value = place.geometry.location.lat();
document.getElementById('longitude').value = place.geometry.location.lng();
});
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>

关于javascript - 当尝试从 Google Places API 提取城市时,为什么我的自动完成搜索文件会卡住?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37261023/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com