我是新手冊和地圖框。我用mapbox製作了一張貼圖,上面有自己的瓷磚圖層,我用tilemill導出爲mbtiles並用mb-util提取。從我的localhost測試一切都很好,但是當我從web服務器構建地圖時,縮放地圖時,圖層內容在每個圖塊上重複。以下是我的代碼。我不明白這種不同的行爲,以及如何避免這種情況。請問有人能幫助我嗎?平鋪圖層內容在每個圖塊上重複
<!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: '© ' + '<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);
你能包括一個鏈接到您的網站?或者一個證明問題的jsfiddle? – sfletche
@sfleche哦抱歉,當然是。這是鏈接,放大地圖:http://geo-information.de/TestMapbox.html – user3623155
我沒有看到您的傳單/地圖框代碼有任何明顯的問題。我想知道問題是否是NEG瓦片層自己。是否有任何理由不對你的NEG覆蓋使用vector/geojson(非平鋪)圖層? – sfletche