Angularjs 传单指令-全屏显示png

Angularjs 传单指令-全屏显示png,angularjs,leaflet,geojson,angular-leaflet-directive,Angularjs,Leaflet,Geojson,Angular Leaflet Directive,我目前正在从事一个项目,该项目必须在地图上显示geojson数据 我正在为AngularJS使用传单指令,效果很好 我的地图与geojson数据一起正确显示 角度控制器 angular.extend($scope, { intersection: { lat: 50.891, lng: 4.258, zoom: 14 }, defaults: { scrollWheelZoom: false },

我目前正在从事一个项目,该项目必须在地图上显示geojson数据

我正在为AngularJS使用
传单指令
,效果很好

我的地图与geojson数据一起正确显示

角度控制器

angular.extend($scope, {
    intersection: {
        lat: 50.891,
        lng: 4.258,
        zoom: 14
    },
    defaults: {
        scrollWheelZoom: false
    },
    geojson : {},
    layers: {
        baselayers: {
            xyz: {
                name: 'OpenStreetMap (XYZ)',
                url: 'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',
                type: 'xyz'
            }
        },
        overlays: {}
    }
});

$scope.$watch("intersection.zoom", function(zoom) {
    if(zoom > 17){
        $scope.layers.overlays = {
            wms: {
                name: 'intersectionDraw',
                type: 'wms',
                visible: true,
                url: 'img/map.png'
            }
        }
    };
});
现在我想添加一个功能。我想在缩放达到最大缩放时显示png图形。目前,我的代码正在马赛克中显示png。我想让这个png得到我的地图的全部高度和宽度,并且只看到这个。没有必要在这个png上放大更多,但是如果我缩小“法线”贴图将再次显示

马赛克PNG

使用一个。请参阅并使用。请参阅和

如何将此与角传单指令一起使用?请参阅。显然,您可以创建一个类型为
imageOverlay
,选项与非角度
L.imageOverlay
相同的图层。Thx是我做的,但图像完全变换,不适合整个尺寸+我的geoJSON没有出现在图像上。我如何将其与角度传单指令一起使用?请参阅。显然,您可以创建一个类型为
imageOverlay
的图层,选项与非角度
L.imageOverlay
相同。Thx我做了,但图像完全变换,不适合整个尺寸+我的geoJSON不会出现在图像上