4

我从 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：

贴有传单的瓷砖

任何帮助表示赞赏。

4

1 回答 1

5

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

于 2013-05-28T20:58:14.110 回答