Bing地图V8 - 清除层从地图视图

Question

当我需要在directionsUpdated塞汀通过拖动&降新行驶路线或路线改变清除地图层，所述功能map.layers.clear（）删除移除路由折线路线。

任何想法？

var map = new Microsoft.Maps.Map(document.getElementById('myMap'), { 
    credentials: 'Your Bing Maps Key', 
    center: new Microsoft.Maps.Location(47.606209, -122.332071), 
    zoom: 12 
}); 

addPushpins(); 

Microsoft.Maps.loadModule('Microsoft.Maps.Directions', function() { 
    var directionsManager = new Microsoft.Maps.Directions.DirectionsManager(map); 
    // Set Route Mode to driving 
    directionsManager.setRequestOptions({ routeMode: Microsoft.Maps.Directions.RouteMode.driving }); 
    var waypoint1 = new Microsoft.Maps.Directions.Waypoint({ address: 'Redmond', location: new Microsoft.Maps.Location(47.67683029174805, -122.1099624633789) }); 
    var waypoint2 = new Microsoft.Maps.Directions.Waypoint({ address: 'Seattle', location: new Microsoft.Maps.Location(47.59977722167969, -122.33458709716797) }); 
    directionsManager.addWaypoint(waypoint1); 
    directionsManager.addWaypoint(waypoint2); 
    // Set the element in which the itinerary will be rendered 
    directionsManager.setRenderOptions({ itineraryContainer: document.getElementById('printoutPanel') }); 
    directionsManager.calculateDirections(); 

    Microsoft.Maps.Events.addHandler(directionsManager, 'directionsUpdated', onUpdateDirections); 
}); 

function onUpdateDirections() { 
    map.layers.clear(); 
    addPushpins(); 
} 

function addPushpins() { 
    // Generate an array of 10 random pushpins within current map bounds 
    var pushpins = Microsoft.Maps.TestDataGenerator.getPushpins(10, map.getBounds()); 
    var layer = new Microsoft.Maps.Layer(); 
    layer.add(pushpins); 
    map.layers.insert(layer); 
} 

Answer 1

这是设计。路线数据使用它自己的一层进行渲染。如果您清除地图上的所有图层，则方向也会消失。对于您的数据，请重新使用一层，而不是像这样：

var map = new Microsoft.Maps.Map(document.getElementById('myMap'), { 
    credentials: 'Your Bing Maps Key', 
    center: new Microsoft.Maps.Location(47.606209, -122.332071), 
    zoom: 12 
}); 

var layer = new Microsoft.Maps.Layer(); 
map.layers.insert(layer); 

addPushpins(); 

Microsoft.Maps.loadModule('Microsoft.Maps.Directions', function() { 
    var directionsManager = new Microsoft.Maps.Directions.DirectionsManager(map); 
    // Set Route Mode to driving 
    directionsManager.setRequestOptions({ routeMode: Microsoft.Maps.Directions.RouteMode.driving }); 
    var waypoint1 = new Microsoft.Maps.Directions.Waypoint({ address: 'Redmond', location: new Microsoft.Maps.Location(47.67683029174805, -122.1099624633789) }); 
    var waypoint2 = new Microsoft.Maps.Directions.Waypoint({ address: 'Seattle', location: new Microsoft.Maps.Location(47.59977722167969, -122.33458709716797) }); 
    directionsManager.addWaypoint(waypoint1); 
    directionsManager.addWaypoint(waypoint2); 
    // Set the element in which the itinerary will be rendered 
    directionsManager.setRenderOptions({ itineraryContainer: document.getElementById('printoutPanel') }); 
    directionsManager.calculateDirections(); 

    Microsoft.Maps.Events.addHandler(directionsManager, 'directionsUpdated', onUpdateDirections); 
}); 

function onUpdateDirections() { 
    layer.clear(); 
    addPushpins(); 
} 

function addPushpins() { 
    // Generate an array of 10 random pushpins within current map bounds 
    var pushpins = Microsoft.Maps.TestDataGenerator.getPushpins(10, map.getBounds()); 
    layer.add(pushpins); 
}