如何打开和关闭 google-maps 自动完成功能？

Question

我正在为 Google Maps API（级别 3）实例化一个自动完成输入，如下所示：

var input = document.getElementById('szukanyAdres');
autocomplete = new google.maps.places.Autocomplete(input);
autocomplete.bindTo('bounds', map);

如何在运行时打开和关闭自动完成功能？

Answer 1

删除添加到自动完成的所有侦听器。

autocomplete.unbindAll();

删除添加到输入元素的所有侦听器。

google.maps.event.clearInstanceListeners(input);

请参阅https://code.google.com/p/gmaps-api-issues/issues/detail?id=3429

Answer 2

Dr.Molle 的解决方案对我不起作用。

我找到的解决方案是 clearListener 并删除 pac-container：

var autocomplete;
var autocompleteListener;
function disableGoogleAutocomplete() {
    if (autocomplete !== undefined) {
            google.maps.event.removeListener(autocompleteListener);
            google.maps.event.clearInstanceListeners(autocomplete);
            $(".pac-container").remove();

            console.log('disable autocomplete to GOOGLE');
     }
}
function enableGoogleAutocomplete() {
    autocomplete = new google.maps.places.Autocomplete($("#inputDiv input")[0], options);
    autocompleteListener = google.maps.event.addListener(autocomplete, 'place_changed', function() { ... }
    console.log('set autocomplete to GOOGLE');
}

现在我可以打开/关闭谷歌地点自动完成功能。

Answer 3

有两个元素与自动完成相关

1. 输入元素
2. 一个包含列表条目的 div。 此 div 将附加到正文并具有“pac-container”类

那么您可以做什么：通过修改它们的显示样式来显示或隐藏这两个元素。

---

当无法隐藏输入时，您可以用输入的克隆替换输入，这将删除自动完成功能。

inputObject.parentNode.replaceChild(inputObject.cloneNode(true),input);

要恢复自动完成，请再次执行您想要执行的操作。

Answer 4

如果此处写的任何内容对您不起作用，您可以尝试隐藏它。 打字时出现位置的字段在 css 类 .pac-container 中，所以只需在 css display: none 中声明它。 然后它不会在搜索框中输入时出现。 实际上这不是自定义它的方式。

Answer 5

您可以尝试使用 JQuery 隐藏它：

$(".pac-container").hide(); //hide autocomplete

Answer 6

我也遇到了这个问题（在我的应用程序中，只有当用户在我的输入字段中输入至少 4 位数字时，我才想运行 google 的自动完成 - 当输入的字符串少于 4 位数字时，我正在使用我的自定义智能搜索）。

在我的情况下，上述解决方案也不起作用，所以我的解决方法是：

1. 需要时将 opacity: 0 设置为 $('.pac-container') 。
2. 如果需要，也可以选择设置低 z-index。