geotiff 不能与传单密谋

Posted 2023-03-23

【中文标题】geotiff 不能与传单密谋

【英文标题】：geotiff can't plotty with leaflet

【发布时间】：2021-08-05 07:07:23

【问题描述】：

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

注意：我在本地而不是在服务器上运行此文件

【问题讨论】：

这不是 tiff 文件，而是 png 图像

我想问一下你用的是哪个leafletGeotiff 插件？因为有很多，并且 npmjs 上可用的小册子-geotiff 插件已经 3 年没有更新了。您应该能够对本地文件使用文件属性而不是 url 属性而不是外部 url，并且在最新版本的 leaflet-geotiff-2 中，您甚至可以使用 fromBlob 和 fromArrayBuffer 作为 sourceFunction，如 GeoTiff.fromArrayBuffer 和 url可以留空，然后 arrayBuffer 应该包含要加载的源 tiff 的缓冲源。 github.com/danwild/leaflet-geotiff-2

【参考方案1】：

这可能是两个问题，其中一个非常简单，将 addTo(mymap) 更改为 addTo(map)。

其次，您需要确保您的 tiff 是 EPSG:4326 tiff，这是唯一受支持的 tiff 文件。

最后，我建议始终使用完整的静态或相对路径，而不是 'tif/big.tif 使用 ./tif/big.tif 甚至更好的是使用 DIRECTORY_SEPARATOR 和其他与路径相关的内置变量，这将确保在 Linux 和 Windows 上使用正确的 / 或 \并且您的项目源代码也使用了正确的根路径。