在我的页面中,我正在查询我的后端以获取一个地址并将该地址放在我的输入中。 现在使用 Jquery 我获取该输入值,并希望从 google places api 获取位置。
//placing value from parameter my input
var pickup = $state.params.bookingInfo.address;
$("#address").val(pickup);
//Calling for places
autocomplete = new.google.maps.places.Autocomplete(document.getElementById("address"));
google.maps.event.addListener(autocomplete, 'place_changed', function () {
var place = autocomplete.getPlace();
console.log(place);
});
在这里,我得到了未定义的地方,因为地图中没有事件。
我所需要的只是如何使用我从查询中获得的地址获得地点?
提前谢谢。
请参阅此处的官方 Google 开发文档和源代码示例: https://developers.google.com/maps/documentation/javascript/examples/places-autocomplete-addressform
在您的情况下,您可以按原样嵌入此代码;调整头部的CSS(例如,如果不需要,则隐藏地图(;复制示例代码并插入您的密钥并进行一些实时编辑,直到您弄清楚如何使其最适合现有页面;首先按原样尝试以确保它正常工作;之后您可以开始修改它以满足您的需求。实际上,我之前遇到过您的情况,我发现上面的来源对获取地点详细信息回调最有帮助。希望它也能帮助你。