node將geojson轉shp返回給前端

ACb0y 發布于2019-08-26 13:58 / 3276人閱讀

摘要：將轉需要調用庫來實現，在調用庫時，因為其通過調用的工具來實現將轉，所以需要安裝并配置環境變量，詳情可參考此鏈接。環境配置完，可以進行代碼實現了。

node將geojson轉shp需要調用[ogr2ogr][1]庫來實現，在調用ogr2ogr庫時，因為其通過調用gdal的工具來實現將

geojson轉shp，所以需要安裝gdal并配置環境變量，詳情可參考此鏈接。環境配置完，可以進行代碼實現了。

首先引入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標簽的點擊事件從而文件下載。

云服務器 GPU云服務器返回字符串給js 將視頻轉碼 js返回數據給上一個頁面將文本轉json

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/109931.html

【echarts地圖制作】下鉆到鄉鎮/街道級別的

摘要：需求展示西安市各區縣的地圖，點擊各區縣下鉆到各鄉鎮街道，只能內網環境使用，不可用通過百度高德地圖來實現。利用展示自定義的地圖關于具體如何導入格式數據到的方法，可以參考官方示例。需求展示西安市各區縣的地圖，點擊各區縣下鉆到各鄉鎮/街道，只能內網環境使用，不可用通過百度/高德地圖來實現。解決利用地圖數據生成區域的geojson 網絡上大部分地圖數據只是到省市，最多到區縣，再往下的數...

寵來也 2019-08-23 14:28 評論0 收藏0
自制Echarts地圖數據 mapshaper-plus

摘要：背景在做圖表統計時，需要自制地圖數據，但官方沒有提供一個平臺可以直接將文件轉化為壓縮后的或格式的地圖文件，而導出的數據沒有壓縮，數據量過大。 mapshaper-plus 基于mapshaper對geojson地圖數據的坐標信息進行壓縮編碼，并提供可直接生成壓縮編碼后的echarts map數據格式 Demo http://blog.giscafer.com/maps... Desc...

FrozenMap 2019-08-21 10:52 評論0 收藏0
echarts結合高德API進行地圖下鉆

摘要：廣告開始最近做了表格數據轉成圖表展示的一個組件，地址如下整合地圖的時候發現針對地級市的一些文件太多了，全部引入后有將近，所以就用了下高德老爺給的組件和接口，然后弄完在這記錄一下雖然這種例子在社區里有很多這個組件文件放在了中，樣式奇丑，請原諒 /——————廣告開始——————/ 最近做了表格數據轉成圖表展示的一個react組件，地址如下： https://github.com/Lyla...

happen 2019-08-23 12:58 評論0 收藏0