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 相关文章推荐
javascript 写类方式之三
Jul 05 Javascript
csdn 博客中实现运行代码功能实现
Aug 29 Javascript
分享一个用Mootools写的鼠标滑过进度条改变进度值的实现代码
Dec 12 Javascript
jQuery控制图片的hover效果(smartRollover.js)
Mar 18 Javascript
jquery Mobile入门—多页面切换示例学习
Jan 08 Javascript
基于JQuery实现分隔条的功能
Jun 17 Javascript
浅谈Vue.js中的v-on(事件处理)
Sep 05 Javascript
JS正则表达式完美实现身份证校验功能
Oct 18 Javascript
AngularJS模态框模板ngDialog的使用详解
May 11 Javascript
node.js ws模块搭建websocket服务端的方法示例
Apr 25 Javascript
稍微学一下Vue的数据响应式(Vue2及Vue3区别)
Nov 21 Javascript
JS数组push、unshift、pop、shift方法的实现与使用方法示例
Apr 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编程中八种常见的文件操作方式
2006/11/19 PHP
PHP调用MySQL的存储过程的实现代码
2008/08/12 PHP
设置php页面编码的两种方法示例介绍
2014/03/03 PHP
兼容ie6浏览器的php下载文件代码分享
2014/07/14 PHP
PHP实现获取域名的方法小结
2014/11/05 PHP
PHP记录和读取JSON格式日志文件
2016/07/07 PHP
php生成word并下载代码实例
2019/03/15 PHP
Laravel解决nesting level错误和隐藏index.php的问题
2019/10/12 PHP
纯CSS3实现质感细腻丝滑按钮
2021/03/09 HTML / CSS
在IE和VB中支持png图片透明效果的实现方法(vb源码打包)
2011/04/01 Javascript
JavaScript的作用域和块级作用域概念理解
2014/09/21 Javascript
Javascript 读取操作Sql中的Xml字段
2014/10/09 Javascript
jQuery中append()方法用法实例
2015/01/08 Javascript
基于JS实现PHP的sprintf函数实例
2015/11/14 Javascript
javascript中闭包(Closure)详解
2016/01/06 Javascript
判断JS对象是否拥有某属性的方法推荐
2016/05/12 Javascript
js控制文本框只能输入中文、英文、数字与指定特殊符号的实现代码
2016/09/09 Javascript
node文件批量重命名的方法示例
2017/10/23 Javascript
webpack中CommonsChunkPlugin详细教程(小结)
2017/11/09 Javascript
详解express + mock让前后台并行开发
2018/06/06 Javascript
js使用Promise实现简单的Ajax缓存
2018/11/14 Javascript
vue计算属性无法监听到数组内部变化的解决方案
2019/11/06 Javascript
[00:36]TI7不朽珍藏III——斯温不朽展示
2017/07/15 DOTA
python 全局变量的import机制介绍
2017/09/07 Python
举例讲解Python常用模块
2019/03/08 Python
Python利用lxml模块爬取豆瓣读书排行榜的方法与分析
2019/04/15 Python
谈谈Python:为什么类中的私有属性可以在外部赋值并访问
2020/03/05 Python
html特殊符号示例 html特殊字符编码对照表
2014/01/14 HTML / CSS
莱德杯高尔夫欧洲官方商店:Ryder Cup Shop
2019/08/14 全球购物
班级旅游计划书
2014/05/03 职场文书
材料成型及控制工程专业求职信
2014/06/19 职场文书
小学国旗下的演讲稿
2014/08/28 职场文书
幼儿园中班教学反思
2016/03/03 职场文书
HTML5 新增内容和 API详解
2021/11/17 HTML / CSS
vue修饰符.capture和.self的区别
2022/04/22 Vue.js
Redis过期数据是否会被立马删除
2022/07/23 Redis