前端解析压缩包，并且读取Shp生成GeoJson在MapBox上渲染

七月_Mo

于 2024-01-16 17:07:39 发布

阅读量927

点赞数 8

分类专栏：地图 Vue3.0 Js 文章标签：前端

本文链接：https://blog.csdn.net/Mozifei73/article/details/135629707

版权

这里需要先安装shapefile；jszip;turf

npm install shapefile
npm install jszip
npm install @turf/turf

<ElUpload
              ref="upload"
              v-model:file-list="fileListShp"
              :limit="1"
              accept=".zip"
              :show-file-list="true"
              :auto-upload="true"
              :on-exceed="() => handleExceed()"
              :before-remove="handleRemoveFireShp"
              :action="apiPath_fireUpload"
              :headers="getFileHeaders()"
              name="files"
              :before-upload="(file) => beforeAvatarUploadShp('fj', file)"
            >
              <div class="btn_shp">上传文件</div>
</ElUpload>

<script setup>
import * as turf from '@turf/turf';
import JSZip from 'jszip';
import * as shapefile from 'shapefile'