Question

我的传单layerGroups有问题。首先，我得到一些geoJSON数据，将一些多边形放在我的地图上：

$http.get("common/geojson/berlin-districts.geojson")
        .success(function(data){
            leafletData.getMap().then(function(map){
                $rootScope.districtData = L.geoJson(data.features,
                    {color: '#03f', fill:true, fillOpacity:0.05, opacity:0.15, onEachFeature: onEachFeature});
                $rootScope.districtData.addTo(map);
....

这个有效，没问题。 onEachFeature使我能够选择其中一些多边形：

function onEachFeature(feature, layer) {
            layer.isSelected=false;
            //bind click
            layer.on('click', function (e) {
                if($rootScope.areaSelectionMode){
                    if(!layer.isSelected){
                        layer.setStyle({fillOpacity:0.2, opacity:0.3});
                        layer.isSelected = true;
                        $scope.selectedAreas.push(layer);
...

选定的多边形存储在$ scope.selectedAreas中。然后，在另一张地图上，我想显示那些选定的多边形！应该很容易，我想：

leafletData.getMap('miniMap').then(function(map){
            map.removeControl(map.zoomControl);
            layers = L.layerGroup($scope.selectedAreas);
            layers.addTo(map);
            map.fitBounds(layers.getBounds());
        })

然而，这不起作用，我收到此错误： [错误]错误：undefined不是对象（评估'bounds.min'）。

我做错了什么？谢谢！

Leaflet不需要我的layerGroup

0 个答案: