1

我的设置工作正常，但是，我遇到了一些小问题..尝试了很多方法，但在添加新标记之前我无法摆脱标记..

通过以下示例，每当您从控制器推送时，都会不断添加标记。在添加任何新标记之前擦除现有标记的最佳方法是什么……？

 var module = angular.module('Map', []);   
 module.directive('sap', function() {

    return {
        restrict: 'E',
        replace: true,
        template: '<div></div>',
        link: function(scope, element, attrs) {
            var map = L.map(attrs.id, {
                center: [-35.123, 170.123],
                zoom: 14
            });
            //create a CloudMade tile layer and add it to the map
            L.tileLayer('http://{s}.tile.cloudmade.com/57cbb6ca8cac418dbb1a402586df4528/997/256/{z}/{x}/{y}.png', {
                maxZoom: 18
            }).addTo(map);

            //add markers dynamically
            var points = [];
            updatePoints(points);

       function updatePoints(pts) {

                for (var p in pts) {

                    L.marker([pts[p].lat, pts[p].long]).addTo(map).bindPopup(pts[p].message);
                }

            }


            scope.$watch(attrs.pointsource, function(value) {
                updatePoints(value);
            });

        }


    };
});

在控制器内部，添加新标记的方法是

          $scope.pointsFromController.push({
                lat: val.geoLat,
                long: val.geoLong
            });

HTML 中的代码很简单

<sap id="map" pointsource="pointsFromController"></sap>
4

2 回答 2

5

传单创建者在这里。清除标记的最佳方法是将它们添加到组中（而不是直接添加到地图中），然后在需要时调用 group.clearLayers()。http://leafletjs.com/examples/layers-control.html

于 2012-11-09T18:02:39.713 回答
1

假设pointsFromController是一个简单的 javascript 数组。您可以简单地撤消您所做的推送。

$scope.removePoints = function() {
  for (var i=$scope.pointsFromController.length; i>=0; i--)
    $scope.pointsFromController.pop();
};
于 2012-11-07T03:12:34.637 回答