Comment effacer la couche de forme entière dans Microsoft VirtualEarth 6.3 en utilisant du javascript pur?

Question

Comment effacer la couche de forme entière dans Microsoft VirtualEarth 6.3 en utilisant du javascript pur?

L'extrait de code ci-dessous (HTML5/javascript) charge la carte Microsoft Bing (VirtualEarth 6.3 ), ajoute ensuite deux calques de forme et deux punaises d'échantillon, une par couche.

QUESTION : Quelle fonction javascript pure (ou solution) utiliser pour effacer tous les pushpins de la 1ère couche en gardant l'autre couche intacte? Remarque: la fonction clear layer doit être implémentée sans supprimer la couche entière.

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Bing VE Map w/layers</title>
    <script type="text/javascript" src="http://ecn.dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=6.3"></script>
    <script type="text/javascript">

        // VE map
        var _map;
        // 1st shape layer
        var _layer1 ;
        // 2nd shape layer
        var _layer2;

        function MapLoad() {

            // load map
            _map = new VEMap('Map');
            _map.LoadMap();

            // center point (Columbus Circle NY)
            var _center = new VELatLong(40.7681, -73.9819);

            // set center point and initial zoom level
            _map.SetCenterAndZoom(_center, 12);

            // set Map style
            _map.SetMapStyle(VEMapStyle.Shaded);

            // add 1st shape layer1 to Map obj
            _layer1 = new VEShapeLayer()
            _map.AddShapeLayer(_layer1);

            // add 2nd shape layer2 to Map obj
            _layer2 = new VEShapeLayer()
            _map.AddShapeLayer(_layer2);

            // add pushpin to layer1
            var _pushpin1 = new VEShape(VEShapeType.Pushpin, _center);
             _layer1.AddShape(_pushpin1);

            // add pushpin (Apple Store on 5th) to layer2
             var _pushpin2 = new VEShape(VEShapeType.Pushpin, new VELatLong(40.7639, -73.9725));
             _layer2.AddShape(_pushpin2);


            // QUESTION: HOW TO CLEAR ALL SHAPES FROM LAYER 1, (BUT NOT DELETING THE ENTIRE LAYER)?
        }
    </script>

</head>
<body onload="MapLoad();">
    <div id="Map" style="position:absolute; top:100px; height:90%; width:100%;"></div>
</body>
</html>

0

French javascript html5 shapes bing-maps virtual-earth

Author: Alexander Bell, 2015-04-08

Source

1 answers

score 1 · Accepted Answer

Vous pouvez utiliser la méthode dédiée DeleteAllShapes() de la classe VEShapeLayer, voir le MSDN:

Https://msdn.microsoft.com/en-us/library/bb412473.aspx

Voir l'exemple:

// Delete all shapes within the layer at the selected index.
function DeleteAllShapes()
{
  layer = map.GetShapeLayerByIndex(selIndex);
  layer.DeleteAllShapes();
  IndexChanged(selIndex);
}

De plus, je recommanderais d'utiliser AJAX v7.0 au lieu de v6.3 car il est maintenant obsolète et devrait être hors support le 30 novembre 2016.