DTW 模型展示与空间分析

模块用于展示项目相关模型，实现的功能有:

• fbx,3dtiles 模型的展示, 以及部分空间分析小工具

ChangeLogs

1.0.32(Nov 9, 2022)

• 优化fbx相关逻辑
• 去除无效引用

1.0.31(Nov 9, 2022)

• 去除无效rm
• vue中使用时cesium需要把libs从包中取出并放置到public文件夹下
• 如果发布服务并不是以根目录的话，需要对该包进行配置

// 配置服务router为/space/时需要如下配置
window.CESIUM_BASE_URL = "/space/libs/Cesium/";

1.0.30(Nov 9, 2022)

• 优化部分逻辑

1.0.3(Nov 9, 2022)

• 解决调用组件与瓦片冲突的问题
• 有关pick组件的优化

 controls: [{ name: "pick", position: "bottom-left", direction: "horizontal"}]

let modelViewer = new ModelViewer(...);
modelViewer.on("pick", data => {
    console.log(data);
    // {data: geojson}
})

1.0.2(Nov 4, 2022)

• 添加Cesium测量工具
• 添加Three剖切工具

 controls: [{ name: "clip", position: "bottom-left", direction: "horizontal"}]

1.0.1(Sep 22, 2022)

• 修复浏览器不支持clipboard

let modelViewer = new ModelViewer(...);
modelViewer.on("share", data => {
  console.log(data);
  // {url: "http://.././tile.json"}
})

安装

npm i q-viewer -S

使用

加载 FBX 模型

// 采用threejs加载fbx
import { ModelViewer } from "q-viewer";
import "q-viewer/dist/model-viewer.css";
let modelViewer = new ModelViewer({
  container: "app",
});
modelViewer.load({
  type: "fbx",
  url: "http://localhost:8888/model-data/fbx/fbxBuilding.fbx",
});

加载 3DTiles 模型、Geoserver 图层服务

// 采用cesiumjs加载3dtiles
// 需要复制libs/Cesium/**文件夹到项目的静态资源目录
import { ModelViewer } from "q-viewer";
import "q-viewer/dist/model-viewer.css";

let modelViewer = new ModelViewer({
  container: "app",
});
modelViewer.load({
  type: "3dtiles",
  url: "http://localhost:8888/model-data/3dtiles/building/tileset.json",
});