Bing Maps Api eine Ebene löschen

Question

Ich habe eine Seite, die gut funktioniert, lädt eine Bing Map und erstellt eine Ebene, die dann mit Polygonen gefüllt wird. Ich muss dann die JSON-Daten neu laden, die die Polygone machen, und dies funktioniert wieder, aber die Daten werden dann zu einer anderen Ebene hinzugefügt, so dass sie oben angezeigt wird. Ich habe versucht, die Schicht zu löschen, die Schicht usw. zu löschen, aber nichts scheint zu funktionieren.

Irgendeine Idee bitte.

Dies ist die Funktion, das alles ...

 function AddData() { 

     dataLayer = new Microsoft.Maps.Layer(); 

     Microsoft.Maps.loadModule('Microsoft.Maps.GeoJson', function() { 
      var featureCollection = Microsoft.Maps.GeoJson.read(json, { 
       polygonOptions: { 
        strokeColor: 'LightSkyBlue', 
        strokeThickness: 2 
       } 
      }); 

      for (var i = 0; i < featureCollection.length; i++) { 
       var fillColour = featureCollection[i].metadata.FillColor; 
       featureCollection[i].setOptions({ fillColor: fillColour }); 

       Microsoft.Maps.Events.addHandler(featureCollection[i], 'click', displayClickBox); 
       Microsoft.Maps.Events.addHandler(featureCollection[i], 'mouseover', displayMouseOverBox); 
       Microsoft.Maps.Events.addHandler(featureCollection[i],'mouseout', displayMouseOut); 
       dataLayer.add(featureCollection[i], 0); 
      } 
      map.layers.insert(dataLayer); 
     }); 
    } 

     var getJson = function() { 
     var onContentComplete = function (response) { 
      //Load the JSON data into the local variable for use latter in the project... 
      json = response.data; 
      //load the map now that we have the polygon data... 
      AddData(); 
     }; 

     var onError = function (reason) { 
      //An error has occured so display a message to the user... 
      $scope.error = "Server communication error please try again..."; 
      //Log the error to the console for admin debug... 
      console.log(reason.data); 
     }; 

     //Load the JSON for the map polygons into memory ready for display... 
     $http.get("../JSON/MapData.json") 
      .then(onContentComplete, onError); 
    } 

Wie gesagt habe ich die Schicht ersten

dataLayer.clear(); 

mit löschen versucht haben, aber das scheint nichts zu tun.

Hilfe bitte, wie ich seit Stunden daran gearbeitet habe.

Danke

Cliff.

Answer 1

Mit den Geräuschen der Dinge möchten Sie, dass alle Daten in einer einzelnen Ebene gerendert werden, stattdessen werden zwei oder mehr Ebenen gerendert. Dies geschieht, weil Sie bei jedem Aufruf der AddData-Funktion eine neue Instanz von dataLayer erstellen. Außerdem wird dadurch die lokale Variable für dataLayer überschrieben und Sie verlieren den Verweis auf die ursprüngliche Ebene, die Sie löschen/löschen möchten. Wenn Sie die Ebene löschen oder löschen möchten, tun Sie dies, bevor Sie die neue Ebene initialisieren. Versuchen Sie, die folgenden an die Spitze Ihrer AddData Funktion:

if(dataLayer){ 
    map.layers.remove(dataLayer); 
} 

Alternativ wiederzuverwenden die Schicht durch Rodung, wenn es von oder zu schaffen existiert es, wenn es nicht der Fall ist:

if(dataLayer){ 
    dataLayer.clear(); 
}else{ 
    dataLayer = new Microsoft.Maps.Layer(); 
}