将tiff上传到mapbox gl js或mapbox.js

Question

我想在地图上添加一个geotif图像层，我可以在mapbox studio中轻松完成，有没有办法使用mapbox gl js库来做到这一点。 我使用mapbox gl js library使用下面的代码添加了geojson文件：

      map.addSource("quakes", {
      "type": "geojson",
      "data": "http://localhost:3000/Srikakulam.geojson"
      });

对于tiff图像，我找不到这样的解决方案。

我有数百个tiff图像可根据天气和日期动态加载。

Answer 1

将地理参考图像（如GeoTIFFs）直接添加到地图中非常罕见。 GeoTIFF是一种效率相对较低的格式，因此图像非常大，因此下载时间更长，性能更低。

将GeoTIFF处理成切片更为常见：您可以将它们上传到Mapbox，或者使用TileMill，gdal2tiles或MapTiler等工具在本地生成切片，然后将这些切片上传到服务器。生成切片后，可以将它们包含在Mapbox GL JS，Mapbox.js或任何其他客户端中作为切片图层。

Answer 2

您可以使用image source type将photoimg=tk.PhotoImage(file=file_name) photoimg.put( "#000000", (0,0)) ，gif和png图片添加到GL JS。 Here is an example

Answer 3

如果您不想将tiff转换为gif / png / jpg并加载为图像源类型（如@ lucas-wojciechowski建议的那样），则无法在MapBox Studio Classic中创建矢量切片源并加载它作为vector-source进入你的MB-gl-js地图。

请注意，矢量tilesets与大多数矢量数据格式一样，也可以嵌入栅格数据，但是会丢失矢量功能，如缩放，客户端渲染和客户端数据查询。