geotiff.js的初步使用

目前大部分对于tif栅格数据的处理应该都是使用的gdal，但是geotiff.js可以在一定程度上替代gdal。本篇主要讲述geotiff.js应该如何起步。

首先geotiff在JSDoc: Home上有入门的示例，但是我在使用的时候经常会失败，不知道是node的环境没有搭配好还是其它地方出了差错。

第一步要先cd到你的根目录下面使用npm install geotiff（先确认你拥有node.js的环境），在这之后如果直接使用官网的例子有可能会报错。

第二步可以根据我下面的代码更改你的引入方法，在这之后就可以正常使用geotiff.js了。

但是用其读取较大的tif文件会报错。但应该是文件过大导致其没有办法接收到tif文件也就无法进行解析。如果有知道的大佬可以请告诉我一下应该怎样才能使用。（这个文件gdal可以正常读取，但是所花费的时间让人难以接受，我测试了一下大概是26s）

附上我最终引入成功后做的测试的代码：

    <script src="../geotiff_learn/node_modules/geotiff/dist-browser/geotiff.js"></script><script>const { fromUrl, fromUrls, fromArrayBuffer, fromBlob } = GeoTIFF;(async function () {const tiff = await fromUrl('http://127.0.0.1:8000/media/export_tif/23.tif');console.log(tiff)const data = await tiff.readRasters();console.log(data)})()</script>

fromurl后面的地址是我把tif文件存放到django的media目录下后使用的，顺便练习下django的跨域问题处理。

但是这个url根据官网应是可以直接使用相对路径进行引用，大家可以自己尝试一下。

geotiff.js的初步使用相关推荐

json2.js的初步学习与了解（转）
转载来源:http://apps.hi.baidu.com/share/detail/6092406 json2.js的初步学习与了解 1.)该js的下载地址是:http://www.json.org ...
D3.js系列——初步使用、选择元素与绑定数据
D3 的全称是(Data-Driven Documents),顾名思义可以知道是一个被数据驱动的文档.听名字有点抽象,说简单一点,其实就是一个 JavaScript 的函数库,使用它主要是用来做数据可 ...
angular 实现modal windows效果（即模态窗口，半透明的遮罩层），以及bootstrap(css,components,js)的初步学习...
废话不说,直接上代码.可直接看效果,对着分析..今天算是bootstrap 入门了,开心.. 突然居然很多事情就是那样,不要太多的畏惧,迈出第一步其实就成功了一半了. <html ng-app= ...
【AR.js】初步认识与官方示例的使用
说在前面测试浏览器:Microsoft Edge(PC版本 97.0.1072.55)/Firefox(Android) github库:AR.js AR系列文章:这里 go版本:go versio ...
JavaScript的理解，JS的初步认识（一）
什么是 JavaScript 语言? JavaScript 是一种轻量级的脚本语言.脚本语言指的是它不具备开发操作系统的能力,而是只用来编写控制其他大型应用程序的"脚本". Jav ...
eclipsevue代码怎么运行_[Java教程]使用eclipse初步学习vue.js操作
[Java教程]使用eclipse初步学习vue.js操作 0 2017-11-26 19:00:06 一.vue.js的初步认识 https://unpkg.com/vue ">vu ...
cesium 直接加载 geotiff 影像图
前言最近碰到了一个需求,需要通过 cesium 直接加载 geotiff 影像图. 咋一听,这个需求好像蛮奇怪,cesium 本身本来就支持加载 tile 影像图,也就是所谓的切片地图.原理其实就是 ...
COG（Cloud optimized GeoTIFF——云优化GeoTiff）简介与实践
参考简介部分翻译自cogeo 关于GeoTIFF文件格式,参考了osgeo和awaresystems 关于HTTP请求范围,参考MDN-HTTP范围请求云优化GeoTIFF(COG)是一个常规的G ...
js逆向之腾讯漫画《附源码》
想看漫画但是没有VIP,想要爬取付费漫画:这是不可能滴搜索到的程序要么是通过自动化,要么是代码有点老旧:互联网总是更新发展的嘛. 自动化实在是太慢了,一个520章的漫画得下载一天一夜这不符合搞爬虫的 ...
vue开发案例：基于Three.js搭建三维数字化场景
0.场景涉及的关键技术点 GLTFLoader加载gltf模型,并解析模型动画: 基于worker-loader在vue中使用web worker: 基于web worker动态设置模型(鸟.牛)的移 ...

geotiff.js的初步使用

geotiff.js的初步使用相关推荐

最新文章

热门文章