vue中使用cesium 加载shp文件

最新推荐文章于 2025-04-22 14:36:56 发布

落笔映浮华H

最新推荐文章于 2025-04-22 14:36:56 发布

阅读量2.6k

点赞数 1

分类专栏： cesium 文章标签： 3d javascript 前端

本文链接：https://blog.youkuaiyun.com/weixin_39238200/article/details/126180808

版权

在cesium中加载shp文件，将shp文件打包为zip，直接加载zip文件，shp文件中需包含这四个文件

加载代码

var base = "/modeldata/demo.zip";
      shp(base).then(function (data) {
        let shpData = Cesium.GeoJsonDataSource.load(data);

        shpData.then(function (dataSource) {
          _viewer.dataSources.add(dataSource).then((res) => {
            shpEntity = res;
          });
          var entities = dataSource.entities.values;
          var colorHash = {};
          _viewer._cesiumWidget._creditContainer.style.display = "none";
          for (var i = 0; i < entities.length; i++) {
            var entity = entities[i];
            var name = entity.name;
            var color = colorHash[name];
            if (!color) {
              color = Cesium.Color.fromRan