API do Google Maps v3: como remover um listener de eventos?

91

Como faço para remover o ouvinte de eventos 'bounds_changed' na API do Google Maps v3 ?

google.maps.event.removeListener(_???_);

javascript google-maps google-maps-api-3

— mp_
fonte

1

Acho que encontrei o que você estava procurando. Foi a 3ª função de evento nos documentos da API.

— Maiku Mori,

1

Eu sinto sua dor. Você pensaria que esta documentação estaria em code.google.com/apis/maps/documentation/javascript/events.html, mas não está. Grrrr

— Drew LeSueur

152

Normalmente, você pode encontrar respostas para essas perguntas na documentação da API do Google Maps.

Como disse Andrew, addListener retorna um identificador que você pode usar posteriormente para remover o ouvinte. Isso porque um único evento pode ter muitos ouvintes e para removê-los você deve salvar uma referência para cada um dos ouvintes anexados.

Também existe uma função que remove todos os ouvintes ao mesmo tempo:

clearListeners(instance:Object, eventName:string);
//In your case:
google.maps.event.clearListeners(map, 'bounds_changed');

Aqui está a referência da API do Google Maps, onde você pode ler sobre isso.

— Maiku Mori
fonte

2

Então, isso removerá SOMENTE o evento bounds_changed?

— mp_

Qual é a vantagem / desvantagem de usar esse método em comparação ao método de Andrews?

— mp_

Isso remove todos os ouvintes do evento bounds_changed. Enquanto o método de Andrew remove um. Se você não deseja armazenar o identificador em algum lugar e só precisa se preocupar com 1 ouvinte para determinado evento, este é o caminho a percorrer.

— Maiku Mori,

Como eu disse, os eventos podem ter muitos ouvintes, mas parece que você está usando apenas 1 em seu código. Se você entender esse conceito, verá os diferentes usos para ambas as funções. Veja também o link que forneci, ele tem boas explicações para ambas as funções.

— Maiku Mori,

2

Descobri isso. google.maps.event.clearListeners(map, 'idle')trabalho. Mas map.clearListeners('idle')não. Essa sintaxe funciona para tudo o mais na API ( .addListener, etc). Ímpar.

— Andy Mercer

93

addListener retorna um identificador que você pode passar posteriormente para removeListener:

var listenerHandle = google.maps.event.addListener(map, 'bounds_changed', function() {

google.maps.event.removeListener(listenerHandle);

— Andrew
fonte

Portanto, não há mais variáveis estáticas para os ouvintes?

— mp_

Os ouvintes precisam ser removidos um por um. Você não pode desvincular todos eles ala jQuery. Eu sei porque pensei o mesmo e fiquei confuso neste ponto também. Acabei descobrindo e o pseudocódigo acima ilustra de forma aproximada como eu fiz isso.

— Andrew,

1

Droga! A sua é uma resposta melhor.

— Andrew,

4

Melhor resposta para mim, isso é remover apenas o listener de evento que criamos e não afeta os outros scripts

— Matthieu Napoli

2

Melhor resposta por dois motivos. Apenas remove o ouvinte real. Além disso, não tem o snarky "Você pode encontrá-lo no comentário dos documentos da API.

— keithhackbarth

16

Isso parece funcionar na versão atual.

var listenerHandle = google.maps.event.addListener(map, 'bounds_changed', function() {
    // Handler code.
});
listenerHandle.remove();

— ether6
fonte

E o bom dessa abordagem é que ela também listenerHandler.remove()funciona para ouvintes da camada de dados - ou seja, google.maps.data.addListeneruma vez que NÃO há nenhum google.maps.data.removeListenermétodo definido.

— Christopher King de

Sim .... developers.google.com/maps/documentation/javascript/…

— Pedro Ferreira

0

Se você não pudesse segurar o objeto ouvinte de alguma forma, você poderia remover ouvinte (s) diretamente como google.maps.event.clearListeners(objectListened, 'event');

Ex: google.maps.event.clearListeners(map, 'bounds_changed');

— Tarık Özgün Güner
fonte