Javascript OpenLayers3和高分辨率图像(XYZ源代码)
我正在尝试使用OpenLayers3显示高分辨率图像。 图像(14336px 12544px)已平铺为7层256px x 256px平铺 我试图将图像居中,并将视图约束到图像(无重复) 我已经看了范围和投影,但我没有做到我想要的 这是我的密码:Javascript OpenLayers3和高分辨率图像(XYZ源代码),javascript,openlayers-3,tile,Javascript,Openlayers 3,Tile,我正在尝试使用OpenLayers3显示高分辨率图像。 图像(14336px 12544px)已平铺为7层256px x 256px平铺 我试图将图像居中,并将视图约束到图像(无重复) 我已经看了范围和投影,但我没有做到我想要的 这是我的密码: var width = 14336; var height = 12544; var level = 6; var layer = new ol.layer.Tile({ source: new ol.source.XYZ({
var width = 14336;
var height = 12544;
var level = 6;
var layer = new ol.layer.Tile({
source: new ol.source.XYZ({
url: 'http://projects.local/.../{z}/{x}/{-y}.jpg'
}),
maxZoom: level
});
var view = new ol.View({
center: [0, 0],
zoom: 2,
maxZoom: level
});
var map = new ol.Map({
target: 'viewerContainer',
layers: [
layer,
],
view: view
});
感谢您的帮助多亏了这个JSFIDLE,我找到了一个解决方案: 希望它能帮助别人
var width = 14336;
var height = 12544;
var level = 6;
var projection = new ol.proj.Projection({
code: 'pixels',
units: 'pixels',
extent: [0, 0, height, width]
});
var layer = new ol.layer.Tile({
source: new ol.source.XYZ({
url: 'http://projects.local/prototype/data/item1/0/0/0/{z}/{x}/{-y}.jpg',
projection: projection
}),
maxZoom: level
});
var view = new ol.View({
center: [height/2, width/2],
zoom: 2,
maxZoom: level,
projection: projection
});
var map = new ol.Map({
target: 'viewerContainer',
layers: [
layer,
],
view: view
});