전단지 지시문 - png 전체 화면 표시

현재 geojson 데이터를지도에 표시해야하는 프로젝트를 진행 중입니다.전단지 지시문 - png 전체 화면 표시

AngularJS에 leaflet-directive을 사용하고 있는데 문제가 없습니다.

내지도가 geojson 데이터와 함께 올바르게 표시됩니다.

ANGULAR CONTROLLER

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

출처

2016-06-24 Weedoze

L.ImageOverlay 사용을 표시됩니다. Leaflet single picture 및 https://github.com/Leaflet/Leaflet/blob/master/debug/map/image-overlay.html

출처

2016-06-24 13:42:25 IvanSanchez

각도 리플릿 - 지시어에 어떻게 이것을 사용할 수 있습니까? – Weedoze

[전단 도움말의 'ImageOverlay 사용 사례] (http://tombatossals.github.io/angular-leaflet-directive/examples/0000-viewer.html#/layers/imageoverlay-example)를 참조하십시오. . 외관상으로는'imagelessOverlay'가 아닌'imageOverlay' 타입의 레이어를 만들 수 있습니다. – IvanSanchez

Thx 내가 그랬지 만 이미지가 완전히 변형되어 전체 크기에 맞지 않습니다. – Weedoze

전단지 지시문 - png 전체 화면 표시

답변

관련 문제