node将geojson转shp返回给前端的实现方法


Posted in Javascript onMay 29, 2019

node将geojson转shp需要调用[ogr2ogr][1]库来实现,在调用ogr2ogr库时,因为其通过调用gdal的工具来实现将

geojson转shp,所以需要安装gdal并配置环境变量。

参考文章:https://stackoverflow.com/questions/41253450/error-the-specified-module-could-not-be-found

第一:你要确定你的.node 是好的,然后你可以继续下一步了

第二:你的.node发现不了可能是因为缺少了依赖关系,简单点说,就是缺少了.dll

第三:下载 Dependency Walker,这个软件可以帮你确定一下缺少什么.dll,下载地址:http://www.dependencywalker.com/

第四:下载完Dependency Walker 直接打开.node 文件,将提示缺少的重要.dll 放在.node 同一级的目录下,当然你也可以不用下软件,直接把重要的.dll放在.node目录下就可以了。

第五:运行,就不会报错了。

环境配置完,可以进行代码实现了。

首先引入ogr2ogr库

const ogr2ogr = require('ogr2ogr')

生成shp文件压缩包

// 声明一个geojson变量也可以是geojson文件目录
  var geojson = {
   type: 'FeatureCollection',
   features: [
    {
     type: 'Feature',
     geometry
    }
   ]
  }
  // shp保存目录
  const zipPath = './export/shpfile.zip'
  // 创建文件写入流
  var file = fs.createWriteStream(zipPath)
  // 调用ogr2ogr进行转化
  var ogr = ogr2ogr(geojson).project('EPSG:4326')
   .format('ESRI Shapefile')
   .skipfailures()
   .stream()
  ogr.pipe(file)

然后将shp压缩文件传给前端,这里可以通过不同的方法进行传递

(1) 通过sendFile直接进行传递

var resPath = path.join(__dirname, '..', zipPath)
res.sendFile(resPath)

(2)通过流的方式进行传递

var resPath = path.join(__dirname, '..', zipPath)
  // 文件写入完成触发事件
  file.on('finish', function() {
   res.set({
    'Content-Type': 'application/zip',
    'Content-Disposition':
     'attachment; filename=' + encodeURI(name) + '.zip',
    'Content-Length': fs.statSync(zipPath).size
   })
   let fReadStream = fs.createReadStream(zipPath)
   fReadStream.pipe(res)
   fReadStream.on('end', function() {
    fs.unlinkSync(resPath)
   })
   fReadStream.on('error', function(err) {
    console.log(err)
   })
  })

最后是前端发送请求接收的代码

axios.post('http://localhost:3000/jsontoshp', {
    responseType: 'blob'
   }).then(res => {
    const blobUrl = URL.createObjectURL(res.data)
    const a = document.createElement('a')
    a.style.display = 'none'
    a.download = '文件名称'
    a.href = blobUrl
    a.click()
    URL.revokeObjectURL(blobUrl)
   })

这里需要注意的地方是前端发送请求时需要设置一个参数responseType: 'blob',这里用到了Blob对象,这里是从服务器接收到的文件流创建blob对象并使用该blob 创建一个指向类型数组的URL,将该url作为a标签的链接目标,然后去触发a标签的点击事件从而文件下载。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
Jquery动态改变图片IMG的src地址示例
Jun 25 Javascript
使用js判断控件是否获得焦点
Jan 03 Javascript
Javascript中的getUTCDay()方法使用详解
Jun 10 Javascript
基于javascript实现单选及多选的向右和向左移动实例
Jul 25 Javascript
jQuery获取checkbox选中的值
Jan 28 Javascript
jQuery基础知识点总结(DOM操作)
Jun 01 Javascript
jQuery使用正则验证15/18身份证的方法示例
Apr 27 jQuery
微信小程序实现滑动删除效果
May 19 Javascript
详解Angular2中Input和Output用法及示例
May 21 Javascript
jQuery实现form表单基于ajax无刷新提交方法实例代码
Nov 04 jQuery
高效jQuery选择器的5个技巧实例分析
Nov 26 jQuery
vue+element实现图片上传及裁剪功能
Jun 29 Javascript
node学习笔记之读写文件与开启第一个web服务器操作示例
May 29 #Javascript
关于element-ui的隐藏组件el-scrollbar的使用
May 29 #Javascript
JS学习笔记之数组去重实现方法小结
May 29 #Javascript
基于Vue实现电商SKU组合算法问题
May 29 #Javascript
JS学习笔记之闭包小案例分析
May 29 #Javascript
JS学习笔记之贪吃蛇小游戏demo实例详解
May 29 #Javascript
elementUI select组件value值注意事项详解
May 29 #Javascript
You might like
PHP的宝库目录--PEAR
2006/10/09 PHP
删除html标签得到纯文本可处理嵌套的标签
2014/04/28 PHP
php实现基于微信公众平台开发SDK(demo)扩展的方法
2014/12/22 PHP
从wamp到xampp的升级之路
2015/04/08 PHP
thinkPHP5.0框架模块设计详解
2017/03/18 PHP
详解php用static方法的原因
2018/09/12 PHP
tp5框架的增删改查操作示例
2019/10/31 PHP
Javascript YUI 读码日记之 YAHOO.util.Dom - Part.2 0
2008/03/22 Javascript
JavaScript对象之间的转换 jQuery对象和原声DOM
2011/03/07 Javascript
javascript的事件触发器介绍的实现
2014/06/05 Javascript
Web表单提交之disabled问题js解决方法
2015/01/13 Javascript
jquery使用each方法遍历json格式数据实例
2015/05/18 Javascript
javascript制作幻灯片(360度全景图片)
2015/07/28 Javascript
BootStrap Progressbar 实现大文件上传的进度条的实例代码
2016/06/27 Javascript
jQuery焦点图轮播效果实现方法
2016/12/19 Javascript
Vue+Flask实现简单的登录验证跳转的示例代码
2018/01/13 Javascript
jquery操作select常见方法大全【7种情况】
2019/05/28 jQuery
Vue动态加载图片在跨域时无法显示的问题及解决方法
2020/03/10 Javascript
vue+elementUI(el-upload)图片压缩,默认同比例压缩操作
2020/08/10 Javascript
使用Python编写一个简单的tic-tac-toe游戏的教程
2015/04/16 Python
恢复百度云盘本地误删的文件脚本(简单方法)
2017/10/21 Python
判断python对象是否可调用的三种方式及其区别详解
2019/01/31 Python
Python深拷贝与浅拷贝用法实例分析
2019/05/05 Python
Python 数据可视化pyecharts的使用详解
2019/06/26 Python
pytorch多GPU并行运算的实现
2019/09/27 Python
python实现ip地址的包含关系判断
2020/02/07 Python
小狗电器官方商城:中国高端吸尘器品牌
2017/03/29 全球购物
介绍一下linux的文件权限
2014/07/20 面试题
超市重阳节活动方案
2014/02/10 职场文书
矿泉水广告词
2014/03/20 职场文书
初一学生评语大全
2014/04/24 职场文书
软弱涣散基层党组织整改方案
2014/10/25 职场文书
运动会闭幕词
2015/01/28 职场文书
财务个人年度总结范文
2015/02/26 职场文书
2015年小学中秋节活动总结
2015/03/23 职场文书
Windows11里微软已经将驱动程序安装位置A盘删除
2021/11/21 数码科技