我正在尝试为游戏激战2构建一个地图,但是在让openlayers正确处理坐标系和完整渲染地图时遇到了麻烦。
下面是我所拥有的一些东西:https://jsfiddle.net/ndqb8rqx/
激战的世界是正方形的,在两个轴上都有49152像素。坐标的原点([0, 0])应为西北。东南部应该是[49152, 49152]。游戏的开发人员将地图的切片作为服务提供:https://wiki.guildwars2.com/wiki/API:Tile_service
我创建了一个基于Zoomify的Projection来尝试处理这个问题:
var gw2Projection = new ol.proj.Projection({
code: 'ZOOMIFY',
units: 'pixels',
extent: [0, -49152, 49152, 0]
})我还添加了来自XYZ源的游戏tiles作为Tilelayer,如下所示:
new ol.layer.Tile({
source: new ol.source.XYZ({
url: 'https://tiles.guildwars2.com/1/1/{z}/{x}/{y}.jpg',
projection: gw2Projection
}),
}),第一个问题是openlayer不能渲染完整的贴图。这张地图实际上比小提琴显示的更向南和向东延伸。实际显示在小提琴中的右下角实际上是[32768, 32768],但映射向外扩展到[49152, 49152]。似乎openlayers在完全缩小时,只是将坐标系缩小到单个平铺的区域。相反,我希望坐标与像素1:1匹配。
另一个问题是,目前y坐标在北部方向增加。我想要反转y轴,这样y坐标在南方向上增加。
https://stackoverflow.com/questions/47612523
复制相似问题