如何在输入 3 个键后在谷歌地图自动完成上显示选项?

Question

我正在我的反应应用程序中使用谷歌地图，并希望创建一个位置搜索，该搜索仅在输入至少 3 个键时才会显示选项。即使我们输入 1 个键，Google 地图自动完成也会开始显示选项。如何限制此行为？

const map = new google.maps.Map(document.getElementById('map'), {
zoom: 12,
center: new google.maps.LatLng(40.6700, -73.9400)
});
const autocomplete = new this.state.google.maps.places.Autocomplete(locationFilter);

Answer 1

如果您使用的是Google的Autocomplete JS库，我认为您无法编辑其实现的设置。

相反，我建议调用 Google Places Autocomplete API(使用 AJAX( - 并且仅在客户端输入 3 个键后调用它：

https://developers.google.com/places/web-service/autocomplete

这还允许对表单进行其他功能。您可以向表单添加去抖动。这可以防止应用由于每次击键后发送请求而锤击终结点。相反，您可以在他们停止输入后等待~300毫秒左右来发送请求：

在 React 中执行去抖动.js