cesium + vue 加载 shp 文件

1. 解析 shp 文件 为 geojson格式数据

官网下载地址：https://github.com/wavded/js-shapefile-to-geojson

1.2下载内容

1.3 文件放入vue项目

文件放入"public"文件夹中

使用方法

export default {
    data() {
        return {
        }
    },
    mounted() {
        this.shpGeojson();
    },
    methods: {
        shpGeojson() {
            let shapefile = new Shapefile({
                shp: '地址.shp', // 输入本地的shp文件地址
                dbf: '地址.dbf' // 输入本地的dbf文件地址
            }, (data) => {
                console.log(data.geojson); // Geojson 数据
                // 加载 Geojson 数据 显示 在Cesium地图上 
                let promise = Cesium.GeoJsonDataSource.load(data.geojson);
                promise.then((dataSource) => {
                    viewer.dataSources.add(dataSource);
                    viewer.flyTo(dataSource);
                })
            })
        }
    }
}   

注意：shp文件坐标要是WGS84经纬度