2011-02-01 14 views
7

Poiché google maps api v3 non supporta la modifica iniziale o finale di un poligono o polilinea, sto provando a costruirne uno mio.puoi disabilitare un listener di eventi senza rimuoverlo?

Sto disegnando indicatori per ogni punto, quindi per completare la modifica ho impostato tutti gli indicatori da nascondere quando si fa clic sul primo punto indice ("0"), quindi il poligono su cui fare clic è vero. Ma l'utente può ancora fare clic sulla mappa e continuare a disegnare il poligono. Voglio disabilitare quel listener di eventi ma riattivarlo al passaggio del mouse. Può essere fatto? Se utilizzo Remove Listner posso ricollegare un altro listener al poligono al passaggio del mouse in modo che possano modificarlo?

MapShaper.Feature.prototype.poly = function(type) { 
    var color = MapShaper.getColor(false), 
    path = new google.maps.MVCArray, 
    poly, 
    self = this, 
    el = type + "_b"; 

    if(type=="shape"){ 
     poly = self.createShape({strokeWeight: 3, fillColor: color}, path); 
    }else if(type=="line"){ 
     poly = self.createLine({strokeWeight: 3, strokeColor: color }, path); 
    } 

    poly.markers = new google.maps.MVCArray; 

    google.maps.event.addListener(poly, "mouseover", function(){  
     poly.markers.forEach(function(polyMarker, index){ 
      polyMarker.setVisible(true); 
     }); 
    }); 

MapShaper.Feature.prototype.createShape = function(opts, path) { 
    var poly; 
    poly = new google.maps.Polygon({ 
     clickable:false, 
     strokeWeight: opts.strokeWeight, 
     fillColor: opts.fillColor 
    }); 
    poly.setPaths(new google.maps.MVCArray([path])); 
    return poly; 
} 

MapShaper.Feature.prototype.createShape = function(opts, path) { 
    var poly; 
    poly = new google.maps.Polygon({ 
     clickable:false, 
     strokeWeight: opts.strokeWeight, 
     fillColor: opts.fillColor 
    }); 
    poly.setPaths(new google.maps.MVCArray([path])); 
    return poly; 
} 


     google.maps.event.addListener(marker, 'click', function() { 
      if (!marker.index == 0) { 
       marker.setMap(null); 
       markers.removeAt(marker.index); 
       path.removeAt(marker.index); 
       MapShaper.reindex(markers);    
       if(markers.getLength() == 0){ 
        MapShaper.removeFeature(poly.id); 
       } 
      } else { 
       markers.forEach(function(marker, index) { 
        marker.setVisible(false) 
       }); 
       poly.setOptions({clickable: true}); 
      } 
     }); 

risposta

9

Si può fare più o meno la stessa cosa con una variabile globale, in questo modo: (e impostare disableListener = true; per disabilitarlo)

var disableListener = false; 
google.maps.event.addListener(marker, 'click', function() { 
    if (disableListener) 
     return; 
    if (!marker.index == 0) 
     marker.setMap(null); 
} 
+0

+1 molto bella soluzione –

Problemi correlati