ol.proj.transform放大到EPSG:4326

时间:2015-07-06 11:57:27

标签: openlayers-3

有没有办法从Zoomify(具有特定的宽度和高度)转换为[long,lat]坐标? 我看到了文档(对于3.6),似乎ol.proj.transform方法不接受ZOOMIFY作为ol.proj.ProjectionLike参数。

目前,我有一些由LeafletJS库保存到数据库中的标记坐标,我需要将它们投影到[long,lat]坐标中,以便用OpenLayer 3.6地图显示它们。地图的图块与Leaflet库的图块相同。 如果需要,这是启动ol3地图的代码:

var proj = new ol.proj.Projection({
        code: 'ZOOMIFY',
        units: 'pixels',
        extent: [0, 0, width, height]
    }),
    map = new ol.Map({
        target: this.get('view').$().attr('id'),
        view: new ol.View({
            projection: proj,
            center: [width/2, - height/2],
            zoom: 1,
            extent: [0, -height, width, 0]
        }),
        controls: []
    });
    ......
    var layer = new ol.source.Zoomify({
        url: url,
        size: [width, height],
        crossOrigin: 'anonymous'
    });
    map.addLayer(layer);

此外,我用来添加标记的代码是:

pos = ol.proj.transform([posX, posY], 'ZOOMIFY', 'EPSG:4326'),
marker = new ol.Overlay({
    position: pos,
    positioning: 'center-center',
    element: domElement,
    stopEvent: false
});
map.addOverlay(marker);

我需要提一下,我对这个框架很新,所以任何提示都会有所帮助。

谢谢,

1 个答案:

答案 0 :(得分:0)

似乎您不需要变换坐标,因为框架知道坐标是ZOOMIFY格式(从地图创建,见上面的行)。

我用以下代码解决了这个问题:

pos = [posX, posY],
marker = new ol.Overlay({
    position: pos,
    positioning: 'center-center',
    element: domElement,
    stopEvent: false
});
map.addOverlay(marker);
相关问题