Javascript OpenLayers3和高分辨率图像(XYZ源代码)

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({

我正在尝试使用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({
        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
});