亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

node將geojson轉(zhuǎn)shp返回給前端

ACb0y / 3353人閱讀

摘要:將轉(zhuǎn)需要調(diào)用庫(kù)來(lái)實(shí)現(xiàn),在調(diào)用庫(kù)時(shí),因?yàn)槠渫ㄟ^(guò)調(diào)用的工具來(lái)實(shí)現(xiàn)將轉(zhuǎn),所以需要安裝并配置環(huán)境變量,詳情可參考此鏈接。環(huán)境配置完,可以進(jìn)行代碼實(shí)現(xiàn)了。

node將geojson轉(zhuǎn)shp需要調(diào)用[ogr2ogr][1]庫(kù)來(lái)實(shí)現(xiàn),在調(diào)用ogr2ogr庫(kù)時(shí),因?yàn)槠渫ㄟ^(guò)調(diào)用gdal的工具來(lái)實(shí)現(xiàn)將

geojson轉(zhuǎn)shp,所以需要安裝gdal并配置環(huán)境變量,詳情可參考此鏈接。環(huán)境配置完,可以進(jìn)行代碼實(shí)現(xiàn)了。

首先引入ogr2ogr庫(kù)
    const ogr2ogr = require("ogr2ogr")
生成shp文件壓縮包
    // 聲明一個(gè)geojson變量也可以是geojson文件目錄
    var geojson = {
      type: "FeatureCollection",
      features: [
        {
          type: "Feature",
          geometry
        }
      ]
    }
    // shp保存目錄
    const zipPath = "./export/shpfile.zip"
    // 創(chuàng)建文件寫入流
    var file = fs.createWriteStream(zipPath)
    // 調(diào)用ogr2ogr進(jìn)行轉(zhuǎn)化
    var ogr = ogr2ogr(geojson).project("EPSG:4326")
      .format("ESRI Shapefile")
      .skipfailures()
      .stream()
    ogr.pipe(file)
    
然后將shp壓縮文件傳給前端,這里可以通過(guò)不同的方法進(jìn)行傳遞

(1) 通過(guò)sendFile直接進(jìn)行傳遞

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

(2)通過(guò)流的方式進(jìn)行傳遞

    var resPath = path.join(__dirname, "..", zipPath)
    // 文件寫入完成觸發(fā)事件
    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)
      })
    })
最后是前端發(fā)送請(qǐng)求接收的代碼
      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)
      })

這里需要注意的地方是前端發(fā)送請(qǐng)求時(shí)需要設(shè)置一個(gè)參數(shù)responseType: "blob",這里用到了Blob對(duì)象,這里是從服務(wù)器接收到的文件流創(chuàng)建blob對(duì)象并使用該blob 創(chuàng)建一個(gè)指向類型數(shù)組的URL,將該url作為a標(biāo)簽的鏈接目標(biāo),然后去觸發(fā)a標(biāo)簽的點(diǎn)擊事件從而文件下載。

文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址:http://www.ezyhdfw.cn/yun/109931.html

相關(guān)文章

  • 【echarts地圖制作】下鉆到鄉(xiāng)鎮(zhèn)/街道級(jí)別的

    摘要:需求展示西安市各區(qū)縣的地圖,點(diǎn)擊各區(qū)縣下鉆到各鄉(xiāng)鎮(zhèn)街道,只能內(nèi)網(wǎng)環(huán)境使用,不可用通過(guò)百度高德地圖來(lái)實(shí)現(xiàn)。利用展示自定義的地圖關(guān)于具體如何導(dǎo)入格式數(shù)據(jù)到的方法,可以參考官方示例。 需求 展示西安市各區(qū)縣的地圖,點(diǎn)擊各區(qū)縣下鉆到各鄉(xiāng)鎮(zhèn)/街道,只能內(nèi)網(wǎng)環(huán)境使用,不可用通過(guò)百度/高德地圖來(lái)實(shí)現(xiàn)。 解決 利用地圖數(shù)據(jù)生成區(qū)域的geojson 網(wǎng)絡(luò)上大部分地圖數(shù)據(jù)只是到省市,最多到區(qū)縣,再往下的數(shù)...

    寵來(lái)也 評(píng)論0 收藏0
  • 自制Echarts地圖數(shù)據(jù) mapshaper-plus

    摘要:背景在做圖表統(tǒng)計(jì)時(shí),需要自制地圖數(shù)據(jù),但官方?jīng)]有提供一個(gè)平臺(tái)可以直接將文件轉(zhuǎn)化為壓縮后的或格式的地圖文件,而導(dǎo)出的數(shù)據(jù)沒(méi)有壓縮,數(shù)據(jù)量過(guò)大。 mapshaper-plus 基于mapshaper對(duì)geojson地圖數(shù)據(jù)的坐標(biāo)信息進(jìn)行壓縮編碼,并提供可直接生成壓縮編碼后的echarts map數(shù)據(jù)格式 Demo http://blog.giscafer.com/maps... Desc...

    FrozenMap 評(píng)論0 收藏0
  • echarts結(jié)合高德API進(jìn)行地圖下鉆

    摘要:廣告開始最近做了表格數(shù)據(jù)轉(zhuǎn)成圖表展示的一個(gè)組件,地址如下整合地圖的時(shí)候發(fā)現(xiàn)針對(duì)地級(jí)市的一些文件太多了,全部引入后有將近,所以就用了下高德老爺給的組件和接口,然后弄完在這記錄一下雖然這種例子在社區(qū)里有很多這個(gè)組件文件放在了中,樣式奇丑,請(qǐng)?jiān)? /——————廣告開始——————/ 最近做了表格數(shù)據(jù)轉(zhuǎn)成圖表展示的一個(gè)react組件,地址如下: https://github.com/Lyla...

    happen 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<