@gis-js/geojson2shp

@gis-js/geojson2shp可以把 geojson 格式数据转为 shp 文件

安装

npm install @gis-js/geojson2shp --save

使用

import { GeoJson2Shp } from "@gis-js/geojson2shp";

文档

去这里查看实时示例和文档

示例

<template>
  <div id="container" style="width: 100%; height: 50px; position: relative">
    <input type="button" value="下载" @click="download" />
  </div>
</template>
<script>
import { GeoJson2Shp } from "@gis-js/geojson2shp";
import { saveAs } from "file-saver";
import JSZip from "jszip";
var gj =
  '{"type":"FeatureCollection", "features": [{ "type": "Feature", "geometry": { "type": "MultiPoint", "coordinates": [[120, 28], [120, 29]] }, "properties": { "NAME": "测试多点" } }]}';

var cpg = "UTF-8";
var projection =
  'GEOGCS["GCS_China_Geodetic_Coordinate_System_2000",DATUM["D_China_2000",SPHEROID["CGCS2000",6378137.0,298.257222101]],PRIMEM["Greenwich",0.0],UNIT["Degree",0.0174532925199433]]';

export default {
  data() {
    return {};
  },
  mounted() {},
  methods: {
    download() {
      var zip = new JSZip(),
        layers = zip.folder("layers");
      var g2s = new GeoJson2Shp(gj);
      g2s.writePoint(
        function(err, files) {
          var fileName = "point";
          layers.file(fileName + ".shp", files.shp.buffer, { binary: true });
          layers.file(fileName + ".shx", files.shx.buffer, { binary: true });
          layers.file(fileName + ".dbf", files.dbf.buffer, { binary: true });
          layers.file(fileName + ".prj", projection);
          layers.file(fileName + ".cpg", cpg);
        }.bind(this)
      );

      g2s.writeMultiPoint(
        function(err, files) {
          var fileName = "multipoint";
          layers.file(fileName + ".shp", files.shp.buffer, { binary: true });
          layers.file(fileName + ".shx", files.shx.buffer, { binary: true });
          layers.file(fileName + ".dbf", files.dbf.buffer, { binary: true });
          layers.file(fileName + ".prj", projection);
          layers.file(fileName + ".cpg", cpg);
        }.bind(this)
      );

      g2s.writePolyline(
        function(err, files) {
          var fileName = "polyline";
          layers.file(fileName + ".shp", files.shp.buffer, { binary: true });
          layers.file(fileName + ".shx", files.shx.buffer, { binary: true });
          layers.file(fileName + ".dbf", files.dbf.buffer, { binary: true });
          layers.file(fileName + ".prj", projection);
          layers.file(fileName + ".cpg", cpg);
        }.bind(this)
      );

      g2s.writePolygon(
        function(err, files) {
          var fileName = "polygon";
          layers.file(fileName + ".shp", files.shp.buffer, { binary: true });
          layers.file(fileName + ".shx", files.shx.buffer, { binary: true });
          layers.file(fileName + ".dbf", files.dbf.buffer, { binary: true });
          layers.file(fileName + ".prj", projection);
          layers.file(fileName + ".cpg", cpg);
        }.bind(this)
      );

      var zipName = "example";
      zip.generateAsync({ type: "blob" }).then(function(content) {
        // see FileSaver.js
        saveAs(content, zipName + ".zip");
      });
    },
  },
};
</script>
<style></style>