如何使用React.js或其他JavascSript库读取.tif文件？

发布于 2025-01-25 04:25:17 字数 131 浏览 2 评论 0原文

我想在我的Web程序中读取.tif文件。我更喜欢使用React.js或可以与React一起使用的东西进行。但是，任何基于JavaScript的解决方案都很好。我要阅读的文件包含地理位置结合的信息。它们具有每个像素的颜色编码，其位置由经度和纬度定义。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

天邊彩虹 2025-02-01 04:25:17

我正在使用React Native，并使用其他方法来读取Geoid .TIF，以适应可能觉得它有用的任何人。

我创建了一个Python程序，该程序创建了一个.DB文件，该文件可以读取本机可以读取。该DB文件包含一个矩阵，其中行是纬度和列的经度（示例：360列，180行表示1度x 1度的象限）。然后将平均高度值存储在每个单元格中。然后，在某些坐标中，您进入.db并找到高度。这是一种非常近似的方法，因为我发现很难使用.tifs或.tems on React。

回复收藏 0 原文

清君侧 2025-02-01 04:25:17

const Tiff = require('tiff.js');

function readTiff(file) {
  return new Promise((resolve, reject) => {
    const reader = new FileReader();
    reader.onload = (e) => {
      const tiff = new Tiff({ buffer: e.target.result });
      const canvas = tiff.toCanvas();
      resolve(canvas);
    };
    reader.readAsArrayBuffer(file);
  });
}

readTiff('file').then((canvas) => {
  // do something with the canvas
  console.log(canvas);
});

const Tiff = require('tiff.js');

function readTiff(file) {
  return new Promise((resolve, reject) => {
    const reader = new FileReader();
    reader.onload = (e) => {
      const tiff = new Tiff({ buffer: e.target.result });
      const canvas = tiff.toCanvas();
      resolve(canvas);
    };
    reader.readAsArrayBuffer(file);
  });
}

readTiff('file').then((canvas) => {
  // do something with the canvas
  console.log(canvas);
});

回复收藏 0 原文

~没有更多了~