1.0.32 • Published 1 year ago
q-viewer v1.0.32
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",
});