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>

结果图像就是这样（注意行是倒置的）。期望的结果是第1,2,3行，显示为3,2,1：

Tiles showed with leaflet

任何帮助表示感谢。

Answer 1

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

以倒序排列的行映射

1 个答案: