GeoJSON與GeoBuf互相轉換

GeoJSON格式通常比較大，網頁需要較長時間加載，可以使用GeoBuf進行壓縮。

使用GeoBuf有很多好處：結構緊湊、文件小、方便編碼和解碼、能適用各種GeoJSON等等。

使用：

1.安裝 geobuf 和 pbf

npm install geobuf
npm install pbf

2.對GeoJSON編碼

let buffer = geobuf.encode(featureCollection, new Pbf())

說明：需要引入geobuf 和 pbf，

          featureCollection為GeoJSON

3.把GeoBuf寫入文件

let buffer = geobuf.encode(featureCollection, new Pbf()) // 對GeoJSON編碼
// 使用node寫入文件 需要先引入'fs'庫
fs.writeFile('./data/lamp.geobuf.bpf', buffer, function(error){
    if(error){
        console.info('geobuf error')
    }else {
        console.info('geobuf ok')
    }
})

4.對GeoBuf解碼

axios.get('./data/lamp.geobuf.bpf', {
    responseType: 'arraybuffer' // note: responseType must be 'arraybuffer'
}).then((function (res) {
    let data = res.data
    let geojson = geobuf.decode(new Pbf(data)) // 對GeoBuf解碼
    console.info(JSON.stringify(geojson))
}))

注意：讀取GeoBuf是responseType必須是“arraybuffer”

看一下文件大小：只有大約1/5了，效果很明顯吶！

 

 完整應用案例請參考：

https://github.com/shiyuan598/common-tools.git

參考文檔：

https://github.com/mapbox/geobuf