首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何为平面1:1像素坐标系配置Openlayers?

如何为平面1:1像素坐标系配置Openlayers?
EN

Stack Overflow用户
提问于 2017-12-03 04:58:00
回答 0查看 1.1K关注 0票数 1

我正在尝试为游戏激战2构建一个地图,但是在让openlayers正确处理坐标系和完整渲染地图时遇到了麻烦。

下面是我所拥有的一些东西:https://jsfiddle.net/ndqb8rqx/

激战的世界是正方形的,在两个轴上都有49152像素。坐标的原点([0, 0])应为西北。东南部应该是[49152, 49152]。游戏的开发人员将地图的切片作为服务提供:https://wiki.guildwars2.com/wiki/API:Tile_service

我创建了一个基于Zoomify的Projection来尝试处理这个问题:

代码语言:javascript
复制
var gw2Projection = new ol.proj.Projection({
  code: 'ZOOMIFY',
  units: 'pixels',
  extent: [0, -49152, 49152, 0]
})

我还添加了来自XYZ源的游戏tiles作为Tilelayer,如下所示:

代码语言:javascript
复制
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坐标在南方向上增加。

EN

回答

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/47612523

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档