Maps 传单设置本地地图分幅的路径脱机工作,但不联机
我想脱机使用地图分幅。这些瓷砖是用Maperitive做的。这是带有传单JS的HTML: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=
<!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损坏