地圖圖塊（傳單）

Question

下面的代碼：

mapLink = '<a href="http://openstreetmap.org">OpenStreetMap</a>'; 

var map = L.map('map').setView([25.7617,-80.18], 30); 
L.tileLayer(
'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { 
    attribution: '&copy; ' + mapLink + ' Contributors', 
    maxZoom: 18, 
}).addTo(map); 

它給沒有錯誤，但它開始了爲灰色，除非我放大。有沒有一個屬性我失蹤或什麼？必須是瓷磚問題？

Answer 1

當您設置初始視圖：

var map = L.map('map').setView([25.7617,-80.18], 30); 

您請求的縮放級別... 30 ，這遠遠超出了Tile Layer可以提供的範圍（maxZoom: 18）。

只要你手動執行變焦的請求，單張放大回到它可能變焦範圍內，即回到18

演示：http://jsfiddle.net/3v7hd2vx/30/

只需將可能變焦範圍內的初始視圖設置爲（即小於或等於18你的情況），你會沒事的。

var map = L.map('map').setView([25.7617,-80.18], 10); 

演示：http://jsfiddle.net/3v7hd2vx/31/

Answer 2

我工作圍繞這一問題通過設置縮放層使用加載之後：

map.setZoom(10);