模拟/触发点击 google.maps.places.Autocomplete

问题描述 投票:0回答:1

我正在尝试模拟用户点击谷歌地图地点自动完成的第一个结果。

这是我用来创建输入的代码,效果很好

var input = document.getElementById('search_addresses');
var options = {
   types: ['geocode'],
           };
var autocomplete = new google.maps.places.Autocomplete(input, options);

之后,我想要模拟的是关注该输入,然后单击它从谷歌位置建议中显示的第一个结果。我可以使用

轻松获得焦点

input.focus();

打开来自谷歌的建议窗口

<div class="pac-container">
 <div class="pac-item"></div>
 <div class="pac-item"></div>
 <div class="pac-item"></div>
 <div class="pac-item"></div>
</div>

在那之后我就陷入困境了。

我首先尝试使用 click() 事件,但它不起作用。之后,我尝试触发 Enter 键按下事件,但我找不到在不实际单击其他内容的情况下触发该事件的方法。

有什么想法吗?

jquery autocomplete maps
1个回答
0
投票

这样的代码可以帮助您编写自己的任务解决方案

var autocompleteService = new google.maps.places.AutocompleteService();
var placeService = new google.maps.places.PlacesService(document.createElement("div"));
autocompleteService.getPlacePredictions({input:'Kerhonkson, NY, USA'}, function(result,status){
    placeService.getDetails({placeId:result[0].place_id}, function(result,status){
        departure_autocomplete.set("place",result);
    });
});
© www.soinside.com 2019 - 2024. All rights reserved.