javascript - Google Maps V3 doesn't remove event listener - Stack Overflow

admin管理员组

文章数量:1278822

I have a problem with Google Maps API v3. I'm trying to remove a mouseover listener when zoom changes.

Here is my code:

$(document).ready(function() {

    var myOptions = {
        ...
    };

    var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

    function colormaps(map) {
        var newmap = map;
        var piemonteCoords = [
            ...
        ];        
        var piemontePolygon = new google.maps.Polygon({
            ...
        });         
        piemontePolygon.setMap(newmap);
        google.maps.event.addListener(piemontePolygon, 'mouseover', function(event) {
            var prova = event;
            showInfo(prova, newmap, 'Italy');
        });

        google.maps.event.addListener(newmap, 'zoom_changed', function() {
            zoomLevel = map.getZoom();
            if (zoomLevel >= 6) {
                google.maps.event.clearListeners(newmap, 'mouseover');
            }
            else {
                ...
            }
        } //fine colormaps
        google.maps.event.addDomListener(window, 'load', colormaps(map));
    });

When zoom reaches the target level, the listener is not removed. What's wrong?

I have a problem with Google Maps API v3. I'm trying to remove a mouseover listener when zoom changes.

Here is my code:

$(document).ready(function() {

    var myOptions = {
        ...
    };

    var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

    function colormaps(map) {
        var newmap = map;
        var piemonteCoords = [
            ...
        ];        
        var piemontePolygon = new google.maps.Polygon({
            ...
        });         
        piemontePolygon.setMap(newmap);
        google.maps.event.addListener(piemontePolygon, 'mouseover', function(event) {
            var prova = event;
            showInfo(prova, newmap, 'Italy');
        });

        google.maps.event.addListener(newmap, 'zoom_changed', function() {
            zoomLevel = map.getZoom();
            if (zoomLevel >= 6) {
                google.maps.event.clearListeners(newmap, 'mouseover');
            }
            else {
                ...
            }
        } //fine colormaps
        google.maps.event.addDomListener(window, 'load', colormaps(map));
    });

When zoom reaches the target level, the listener is not removed. What's wrong?

• javascript
• google-maps
• google-maps-api-3
• listener

Share Improve this question Follow edited Mar 20, 2014 at 11:58 MC Emperor 23k1515 gold badges8888 silver badges136136 bronze badges asked Mar 11, 2014 at 18:15 AndreaAndrea 17811 silver badge2020 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 11

You're adding listener to piemontePolygon object, but you're clearing it from newmap object, which probably is wrong (I'm not an expert in that area so I can't be sure).

Try doing it like:

google.maps.event.clearListeners(piemontePolygon, 'mouseover');

EDIT:
According to the docs you could try it with another approach, if the above code fails.

Case 1 (you could pass an event type as a second argument as well):

google.maps.event.clearInstanceListeners(piemontePolygon);

Case 2:

var listener1 = google.maps.event.addListener(piemontePolygon, 'mouseover', function(
    var prova = event;
    showInfo(prova, newmap, 'Italy')
});

google.maps.event.removeListener(listener1);

本文标签： javascriptGoogle Maps V3 doesn39t remove event listenerStack Overflow