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 に答える