資訊專欄INFORMATION COLUMN
摘要：將轉(zhuǎn)需要調(diào)用庫來實現(xiàn)，在調(diào)用庫時，因為其通過調(diào)用的工具來實現(xiàn)將轉(zhuǎn)，所以需要安裝并配置環(huán)境變量，詳情可參考此鏈接。環(huán)境配置完，可以進行代碼實現(xiàn)了。
node將geojson轉(zhuǎn)shp需要調(diào)用[ogr2ogr][1]庫來實現(xiàn)，在調(diào)用ogr2ogr庫時，因為其通過調(diào)用gdal的工具來實現(xiàn)將
geojson轉(zhuǎn)shp，所以需要安裝gdal并配置環(huán)境變量，詳情可參考此鏈接。環(huán)境配置完，可以進行代碼實現(xiàn)了。
首先引入ogr2ogr庫
const ogr2ogr = require("ogr2ogr")
生成shp文件壓縮包
// 聲明一個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進行轉(zhuǎn)化
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)
// 文件寫入完成觸發(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ā)送請求接收的代碼
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ā)送請求時需要設(shè)置一個參數(shù)responseType: "blob"，這里用到了Blob對象，這里是從服務(wù)器接收到的文件流創(chuàng)建blob對象并使用該blob 創(chuàng)建一個指向類型數(shù)組的URL，將該url作為a標簽的鏈接目標，然后去觸發(fā)a標簽的點擊事件從而文件下載。
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/109931.html
摘要：需求展示西安市各區(qū)縣的地圖，點擊各區(qū)縣下鉆到各鄉(xiāng)鎮(zhèn)街道，只能內(nèi)網(wǎng)環(huán)境使用，不可用通過百度高德地圖來實現(xiàn)。利用展示自定義的地圖關(guān)于具體如何導(dǎo)入格式數(shù)據(jù)到的方法，可以參考官方示例。 需求 展示西安市各區(qū)縣的地圖，點擊各區(qū)縣下鉆到各鄉(xiāng)鎮(zhèn)/街道，只能內(nèi)網(wǎng)環(huán)境使用，不可用通過百度/高德地圖來實現(xiàn)。 解決 利用地圖數(shù)據(jù)生成區(qū)域的geojson 網(wǎng)絡(luò)上大部分地圖數(shù)據(jù)只是到省市，最多到區(qū)縣，再往下的數(shù)...
摘要：背景在做圖表統(tǒng)計時，需要自制地圖數(shù)據(jù)，但官方?jīng)]有提供一個平臺可以直接將文件轉(zhuǎn)化為壓縮后的或格式的地圖文件，而導(dǎo)出的數(shù)據(jù)沒有壓縮，數(shù)據(jù)量過大。 mapshaper-plus 基于mapshaper對geojson地圖數(shù)據(jù)的坐標信息進行壓縮編碼，并提供可直接生成壓縮編碼后的echarts map數(shù)據(jù)格式 Demo http://blog.giscafer.com/maps... Desc...
摘要：廣告開始最近做了表格數(shù)據(jù)轉(zhuǎn)成圖表展示的一個組件，地址如下整合地圖的時候發(fā)現(xiàn)針對地級市的一些文件太多了，全部引入后有將近，所以就用了下高德老爺給的組件和接口，然后弄完在這記錄一下雖然這種例子在社區(qū)里有很多這個組件文件放在了中，樣式奇丑，請原諒 /——————廣告開始——————/ 最近做了表格數(shù)據(jù)轉(zhuǎn)成圖表展示的一個react組件，地址如下： https://github.com/Lyla...
閱讀 938·2021-11-22 13:53
閱讀 2562·2021-10-15 09:40
閱讀 1044·2021-10-14 09:42
閱讀 3679·2021-09-22 15:59
閱讀 924·2021-09-02 09:47
閱讀 2464·2019-08-30 15:54
閱讀 1474·2019-08-29 17:14
閱讀 432·2019-08-29 15:15
