Maps 传单设置本地地图分幅的路径脱机工作,但不联机

Maps 传单设置本地地图分幅的路径脱机工作,但不联机,maps,leaflet,tile,Maps,Leaflet,Tile,我想脱机使用地图分幅。这些瓷砖是用Maperitive做的。这是带有传单JS的HTML: <!DOCTYPE HTML> <html> <head> <title>map - test</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=

我想脱机使用地图分幅。这些瓷砖是用Maperitive做的。这是带有传单JS的HTML:

<!DOCTYPE HTML>
<html>
  <head>
    <title>map - test</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, minimal-ui" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge">

        <!-- leafletjs -->
        <link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.css" />
        <script src="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.js"></script>

        <style>
            body {
                margin: 0;
                padding: 0;
            }
            html, body, #map {
                height: 100%;
                width: 100%;
            }
        </style>
</head>

<body>
    <div id="map">
        <script>

            var map = L.map('map', {
                maxZoom: 18,
                minZoom: 16,
                maxBounds: [
                    //south west
                    [47.918760313911896, 9.25198432059355],
                    //north east
                    [47.929235549307315, 9.26072925925386]
                ], 
            }).setView([47.923997931609605, 9.2563567899237054], 17);

            L.tileLayer('../img/tiles/{z}/{x}/{y}.png', {  
                tms: true // Do I need that?
            }) .addTo(map);

            L.marker([47.92458, 9.25630]) .addTo(map);

        </script>
    </div>        
  </body>
</html>
代码在我的计算机上脱机工作,但在我的服务器上不联机。包含磁贴的文件夹存储在服务器上。瓷砖的路径是正确的

什么是我的错?

我找到了原因

这不是代码。平铺PNG导致403错误。我在Windows8计算机上用Maperite渲染了这些瓷砖。然后我把它们转移到Mac电脑上。从那里我通过ftp将它们放到服务器上

现在,我将磁贴直接从Windows传输到服务器。一切都好

Windows和Mac之间发生了什么,导致PNG损坏