问题描述
var map = L.map('mapid').setView([12.613507,101.929989],6);
L.tileLayer(
'https://api.mapBox.com/styles/v1/{id}/tiles/{z}/{x}/{y}?access_token=pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpejY4NXVycTA2emYycXBndHRqcmZ3N3gifQ.rJcfig214AriISLbB6B5aw',{
maxZoom: 18,attribution: 'Map data © <a href="https://www.openstreetmap.org/">OpenStreetMap</a> contributors,' +
'<a href="https://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>,' +
'Imagery © <a href="https://www.mapBox.com/">MapBox</a>',id: 'mapBox/streets-v11',tileSize: 512,zoomOffset: -1
}
).addTo(map);
var MSL = L.leafletGeotiff(
url = 'tif/big.tif',options = {
band: 0,displayMin: -0.25,displayMax: 0.25,name: 'MSL',colorScale: 'rainbow'
}
).addTo(mymap);
我不知道为什么 url = 'tif/big.tif'
没有显示在我的地图上。任何人都可以帮助我解决这个问题吗?
This is my image file
注意:我在本地而不是在服务器上运行此文件
解决方法
这可能是两个问题,其中一个很简单,将 addTo(mymap) 更改为 addTo(map)。
其次,您需要确保您的 tiff 是 EPSG:4326 tiff,这是唯一受支持的 tiff 文件。
最后我建议总是使用完整的静态或相对路径,而不是 'tif/big.tif 使用 ./tif/big.tif 甚至更好的是使用 DIRECTORY_SEPARATOR 和其他与路径相关的内置变量,这将确保在 Linux 和 Windows 上使用正确的 / 或 \以及正确的根路径用于您的项目源代码。