Bing Maps Apiはレイヤーをクリアします

Question

私はうまく動作するページを持っています.Bingマップをロードし、ポリゴンで塗りつぶされたレイヤーを作成します。ポリゴンを作成するJSONデータをリロードする必要がありますが、データは別のレイヤーに追加されるため、上に表示されます。私は、レイヤーを削除するなどのレイヤーをクリアしようとしましたが、何も動作していないようです。

ご了承ください。私は

dataLayer.clear(); 

を使用して第一層をクリアしようとしているしかし、それは何もしないようだと述べてきたように

これはそれをすべて行う関数...

 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); 
    } 

です。

私はここで何時間も働いているように助けてください。

ありがとう

クリフ。

Answer 1

すべてのデータを1つのレイヤーにレンダリングしたいが、その代わりに2つ以上のレイヤーをレンダリングしたいというものです。これは、AddData関数が呼び出されるたびにdataLayerの新しいインスタンスを作成するために発生します。さらに、これによってdataLayerのローカル変数が上書きされるため、クリアまたは削除しようとしている元のレイヤーへの参照が失われます。レイヤーをクリアまたは削除する場合は、新しいレイヤーを初期化する前にレイヤーをクリアまたは削除します。あなたのAddData関数関数の先頭に次を追加してみてください：

また

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

、それがで存在する場合、それをクリアするか、そうでない場合は、それを作成することによって、層を再利用：

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