Question

我是传单和mapbox的新手。我用mapbox创建了一个地图，我用自己的平铺图层将tilemill导出为mbtiles并用mb-util提取。从我的localhost测试一切都很好，但是当我从我的网络服务器构建地图时，在缩放地图时，每个图块上的图层内容都会重复。以下是我的代码。我不明白这种不同的行为以及如何避免这种行为。请有人帮帮我吗？

<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>Layers Control</title>

<meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no' />
<script src='https://api.tiles.mapbox.com/mapbox.js/v1.6.2/mapbox.js'></script>
<link href='https://api.tiles.mapbox.com/mapbox.js/v1.6.2/mapbox.css' rel='stylesheet' />

<style>
  body { margin:0; padding:0; }
  #map { position:absolute; top:0; bottom:0; width:100%; }
</style>
</head>
<body>

<div id='map'></div>

<script type="text/javascript">

var map = L.map('map').setView([50.11, 8.86], 13);
map.setMaxBounds([[50.09, 8.797], [50.134, 8.889]]);

L.control.layers({
    'Base Map': L.mapbox.tileLayer('examples.map-9ijuk24y', { noWrap: true }).addTo(map),
    'OSM': L.tileLayer('http://{s}.www.toolserver.org/tiles/bw-mapnik/{z}/{x}/{y}.png', {
    attribution: '&copy; ' + '<a href="http://openstreetmap.org">OpenStreetMap</a>' + ' Contributors', noWrap: true
    })
}, {
    'NEG Dietesheimer Steinbrüche': L.tileLayer('tiles/leafNegGrenz/{z}/{x}/{y}.png', { maxZoom: 19, minZoom: 0, noWrap: true }).addTo(map), 
    'NEG Ausstattung': L.tileLayer('tiles/leafNegAus/{z}/{x}/{y}.png', { maxZoom: 19, minZoom: 0, noWrap: true })
}).addTo(map);

Answer 1

您的服务器或您创建的导出有问题：磁贴重定向到彼此。例如，打开

http://geo-information.de/tiles/leafNegGrenz/15/17190/11098.png

在浏览器中，它会重定向到

http://geo-information.de/tiles/leafNegGrenz/15/17190/11096.png

这就是瓷砖重复的原因。

平铺图层内容在每个图块上重复

1 个答案: