How To Toggle The Google-maps Autocomplete On And Off?

I'm instantiating an autocomplete input for Google Maps API (level 3), like so: var input = document.getElementById('szukanyAdres'); autocomplete = new google.maps.places.Autocompl

Solution 1:

To remove all listeners added to autocomplete.

autocomplete.unbindAll();

To remove all listeners added to input element.

google.maps.event.clearInstanceListeners(input);

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

Solution 2:

The solution of Dr.Molle doesn't work for me.

The solution I found is to clearListener and remove pac-container:

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

            console.log('disable autocomplete to GOOGLE');
     }
}
functionenableGoogleAutocomplete() {
    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');
}

Now I can switch on/off google places Autocomplete.

Solution 3:

There are two elements related to the autocomplete

1. the input-element
2. a div that contains the list-entries. this div will be appended to the body and has the class "pac-container"

So what you can do: show or hide both elements by modifying their display-style.

---

When it's not possible to hide the input you may replace the input with a clone of the input, this will remove the autocomplete-functionality.

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

To restore the autocomplete do again what you want to do.

Solution 4:

If anything written here does not work for you, you can try to just hide it. The field with places appearing while typing is in css class .pac-container, so just declare it in css display: none. Then it will not appear during typing in searchbox. Actually it is not the way to customize it.

Solution 5:

You can try to hide it with JQuery:

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