0

以下に示すコード スニペット (HTML5/javascript) は、Microsoft Bing Map ( VirtualEarth 6.3 ) を読み込み、2 つの Shape レイヤーと 2 つのサンプル画鋲を各レイヤーに 1 つずつ追加します。

質問: 他のレイヤーをそのまま維持しながら、最初のレイヤーからすべてのプッシュピンをクリアするために使用する純粋な JavaScript 関数 (またはソリューション) は何ですか? 注: レイヤー全体を削除せずに、レイヤーのクリア機能を実装する必要があります。

<!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>
4

1 に答える 1

1

クラスの専用メソッドDeleteAllShapes()を使用できますVEShapeLayer。MSDN を参照してください。

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

例を参照してください。

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

また、v6.3 の代わりに AJAX v7.0 を使用することをお勧めします.

于 2015-04-08T20:40:24.457 に答える