建筑模型切片并在cesium实现3dtile加载

一、获取建筑数据shp

获取shp数据可以自己到网上找或者从https://www.openstreetmap.org/export中自己导出osm再转换为shp

这里为大家提供一个我自己招的西安建筑数据

链接: https://pan.baidu.com/s/1zRFFMQfH05v5VsGHFD4y-Q?pwd=ap3h 提取码: ap3h

获取osm数据

https://www.openstreetmap.org/export在这个网站中，框选并导出范围的建筑

​

把osm数据转换为shp文件

这里我们需要用到一个软件QGISQGIS官网

下载图上的这个版本。下载完成后安装。我们打开qgis desktop

打开软件后，我们直接把刚刚下载的map.osm拖入软件，

添加图层后可以在右下角看到这个shp文件

我们去掉点和线的图层只留下polygon

保存为shp文件

保存，需要注意坐标系。在File Name中选择要保存的路径，并填入保存的名称。

保存后我们就可以在刚刚的文件夹中找到。

二、把shp文件进行切片转为3dtile

这里我们需要用到一个软件cesiumlabcesiumlab网站，下载完成后，注册一个账号，下载完成之后，登录账号后就可以使用。

打开通用模型切片功能。

在通用模型转换中选择shp文件

选择后设置输出路径。点击提交处理后。等待切片处理。

处理完成后，我们可以在发布服务这里预览处理结果。

三、在cesium中加载

把处理好的tileset文件放到public下

const tileset = await Cesium.Cesium3DTileset.fromUrl("/tileset_xian/tileset.json");
  // 设置颜色等样式
  tileset.style = new Cesium.Cesium3DTileStyle({
    color : 'color("purple", 0.5)',
    pointSize: "${Temperature} * 2.0",
  });
  viewer.scene.primitives.add(tileset);
  // 西安
  viewer.camera.flyTo({
    // destination: Cesium.Cartesian3.fromDegrees(103.84, 31.15, 17850000),
    destination: {x: -1713389.547194767, y: 4992360.699741168, z: 3570137.8917685803},
    orientation: {
      heading: 0.02334273835679923,
      pitch: -0.7696563552877764,
      roll: 6.283181388611786,
    },
  });
  // // 监听数据加载完成
  tileset.allTilesLoaded.addEventListener(() => {
    console.log("数据加载完成");
    console.timeEnd("3dtiles");
  });
  // 获取视角数据
  // setInterval(() => {
  //   console.log(viewer.camera.position)
  //   console.log(viewer.camera.heading)
  //   console.log(viewer.camera.pitch)
  //   console.log(viewer.camera.roll)
  // }, 5000);