geotiff 不能用传单绘图

问题描述

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 &copy; <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 上使用正确的 /\以及正确的根路径用于您的项目源代码。