如何添加本地瓷磚網站與小冊子

所以我剛剛開始使用HTML不久前。一位朋友請我幫他建立一個網站。我們目前正在使用OSM瓷磚。一個問題是他想用另一種語言。所以他製作了瓷磚，我想在本地將瓷磚添加到網頁中。換句話說，瓷磚在我的電腦上。即使有一百塊，我也只能得到一塊瓷磚。我將如何能夠得到瓷磚如何添加本地瓷磚網站與小冊子

<html> 
 
<head> 
 
    <title>A Leaflet map!</title> 
 
    <link rel="stylesheet" href="leaflet.css"/> 
 
    <script src="leaflet.js"></script> 
 
    <style> 
 
    #map{ height: 100% } 
 
    </style> 
 
</head> 
 
<body> 
 

 
    <div id="map"></div> 
 

 
    <script> 
 

 
    // initialize the map 
 
    var map = L.map('map').setView([45.8311111,-74.1992559], 16); 
 

 
    // load a tile layer 
 
    //I want to load multiple tile layers 
 
    L.tileLayer('file://C:/Users/Adam-PC/Documents/Map/Tiles1/18/77027/93433.png', 
 
    { 
 
     attribution: 'Tiles by <a href="https://www.openstreetmap.org">Open Street Map</a>, Data by <a href="https://www.openstreetmap.org">Open Street Map</a>', 
 
     maxZoom: 17, 
 
     minZoom: 9 
 
    }).addTo(map); 
 

 
    </script> 
 
</body> 
 
</html> 
 
\t

感謝您的幫助的休息！

來源

2017-07-19 A.J

使用'file://C:/Users/Adam-PC/Documents/Map/Tiles1/{z}/{x}/{y}.png'而不是硬編碼Tile Layer URL模板中的縮放，y和x值。

來源

2017-07-19 18:59:04 ghybs

它似乎仍然沒有工作。我看到一個灰色的屏幕。是因爲瓷磚在不同的文件夾中？ –

是的URL模板必須反映你的瓷磚如何存儲/他們的文件夾結構。您可以使用瀏覽器的控制檯查看調用的結果URL（並可能導致404錯誤） – ghybs

感謝您的幫助。我可以通過更改縮放值來修復它。保持良好的工作：） –

如何添加本地瓷磚網站與小冊子

回答

相關問題