사용자가 맵에서 패닝 할 수있는 위치를 제한하고 싶지만 OpenLayers 3에서 맵 뷰의 최대 범위를 설정하는 방법을 알려주는 리소스를 찾을 수 없습니다. OpenLayers 2에 솔루션이 있다는 것을 알고 있습니다. 새 버전에서 가능합니까?
답변
extent
View 객체에서 정의 하면됩니다. 예 :
var view = new ol.View({
...
extent: [minx,miny,maxx,maxy]
...
});
var map = new ol.Map({
...
view: view,
...
});
답변
다른 옵션은 다음과 같습니다.
...
var map = new ol.Map({
layers: [...],
overlays: [...],
target: document.getElementById('map'),
view: new ol.View({
center: ol.proj.transform([minx,miny,maxx,maxy],
'EPSG:4326', 'EPSG:3857'),
zoom: ...,
maxZoom: ...,
minZoom: ...,
extent: ol.proj.transform([minx-n,miny-n,maxx+n,maxy+n],
'EPSG:4326', 'EPSG:3857')
})
});
...
답변
Ragnagord가 이미 지적했듯이에를 설정해야 extent
합니다 ol.view
.
가장 쉬운 방법을 참조하려는 것에 따라 함수를 사용 하여 원하는 투영 ( ol.proj.Projection
) 또는 레이어 (모든 클래스) 에서 직접 범위를 얻는 ol.layer
것이 getExtent()
있습니다. EPSG : 3857의 경우 다음과 같이 작동합니다.
var map = new ol.Map({
...
view: new ol.View({
...
extent: ol.proj.get("EPSG:3857").getExtent()
})
});
답변
WGS84와 Spherical Mercator 사이에지도 투영법을 고려할 경우 지적해야 할 점이 ol.proj.transformExtent
있습니다. 여기에 답변이 있습니다 . 범위는 다음과 같이 지정됩니다.
var map = new ol.Map({
.
.
.
view: new ol.View({
extent: ol.proj.transformExtent([minx, miny, maxx, maxy], 'EPSG:4326', 'EPSG:3857');
.
.
.
)}
)}