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 相关文章推荐
js 获取中文拼音,Select自动匹配字母获取值的代码
Sep 23 Javascript
jQuery教程 $()包装函数来实现数组元素分页效果
Aug 13 Javascript
页面定时刷新(1秒刷新一次)
Nov 22 Javascript
原生js实现复制对象、扩展对象 类似jquery中的extend()方法
Aug 30 Javascript
jQuery中noconflict函数的实现原理分解
Feb 03 Javascript
jquery实现九宫格大转盘抽奖
Nov 13 Javascript
Eclipse引入jquery报错如何解决
Dec 01 Javascript
Javascript小技能总结(推荐)
Jun 02 Javascript
Angularjs---项目搭建图文教程
Jul 08 Javascript
针对JavaScript中this指向的简单理解
Aug 26 Javascript
详解javascript表单的Ajax提交插件的使用
Dec 29 Javascript
Node实战之不同环境下配置文件使用教程
Jan 02 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将远程图片保存到本地服务器的实现代码
2015/08/03 PHP
PHP实现清除wordpress里恶意代码
2015/10/21 PHP
php基于curl实现的股票信息查询类实例
2016/11/11 PHP
php开发最强大的IDE编辑的phpstorm 2020.2配置Xdebug调试的详细教程
2020/08/17 PHP
js鼠标左右键 键盘值小结
2010/06/11 Javascript
javascript判断机器是否联网的2种方法
2013/08/09 Javascript
javascript生成json数据简单示例分享
2014/02/14 Javascript
jQuery中事件对象e的事件冒泡用法示例介绍
2014/04/25 Javascript
addEventListener 的用法示例介绍
2014/05/07 Javascript
了不起的node.js读书笔记之node的学习总结
2014/12/22 Javascript
JavaScript动态添加列的方法
2015/03/25 Javascript
Node.js调试技术总结分享
2017/03/12 Javascript
react-router实现按需加载
2017/05/09 Javascript
关于vue-resource报错450的解决方案
2017/07/24 Javascript
使用Node.js实现ORM的一种思路详解(图文)
2017/10/24 Javascript
JavaScript基于对象方法实现数组去重及排序操作示例
2018/07/10 Javascript
20道JS原理题助你面试一臂之力(必看)
2019/07/22 Javascript
vue cli3 调用百度翻译API翻译页面的实现示例
2019/09/13 Javascript
JS操作json对象key、value的常用方法分析
2019/10/29 Javascript
浅析TypeScript 命名空间
2020/03/19 Javascript
python下函数参数的传递(参数带星号的说明)
2010/09/19 Python
在Linux中通过Python脚本访问mdb数据库的方法
2015/05/06 Python
python函数局部变量用法实例分析
2015/08/04 Python
详解python之多进程和进程池(Processing库)
2017/06/09 Python
Python3 selenium 实现QQ群接龙自动化功能
2020/04/17 Python
iPython pylab模式启动方式
2020/04/24 Python
python自定义函数def的应用详解
2020/06/03 Python
python使用yaml 管理selenium元素的示例
2020/12/01 Python
CSS3 please 跨浏览器的CSS3产生器
2010/03/14 HTML / CSS
html5使用canvas实现弹幕功能示例
2017/09/11 HTML / CSS
2013年办公室秘书的个人自我鉴定
2013/10/24 职场文书
业务员岗位职责
2013/11/16 职场文书
感恩节红领巾广播稿
2014/02/11 职场文书
民主生活会剖析材料
2014/09/30 职场文书
英语版自我评价,35句话轻松搞定
2019/10/08 职场文书
pytorch 预训练模型读取修改相关参数的填坑问题
2021/06/05 Python