以倒序排列的行映射

Question

以倒序排列的行映射

我从OpenStreetMap下载了一些图块(仅用于测试目的).然后我使用幻想的Leaflet javascript框架来查看交互式地图,但是当我打开浏览器时,我看到水平(Y)平铺图像的顺序颠倒了.这有什么问题？我做错了什么？

这是我的代码(很简单):

<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <link rel="stylesheet" href="css/core.css" /> 
    <link rel="stylesheet" href="css/leaflet.css" /> 
    <script src="js/leaflet.js"></script>
</head>
<body>
<div id="map"></div>

<script>
    var map = L.map('map').setView([-23.13, -82.38], 14);
    L.tileLayer('tiles/{z}/{x}/{y}.png', {
        minZoom: 12,
        maxZoom: 16,
        attribution: 'SampleMap',
        tms: true
    }).addTo(map);
</script>
</body>
</html>

Run Code Online (Sandbox Code Playgroud)

结果图像就是这样(注意行是反转的).期望的结果是第1,2,3行,显示为3,2,1:

瓷砖显示与传单

任何帮助赞赏.

Answer 1

Jav*_*diz 5

我使用时问题仍然存在http://tile.osm.org/{z}/{x}/{y}.png,所以我以正确的方式存储瓷砖.我只是通过退出tms: true线来解决问题,我阅读了很多使用它来处理离线地图的教程.期待对别人有帮助.

阅读参考文献(http://leafletjs.com/reference.html)说如果tms为true,则反转tile的Y轴编号(为TMS服务启用此功能),因此如果将其设置为true,则实际按预期工作 (2认同)

归档时间：	13 年前
查看次数：	1440 次
最近记录：	13 年前