# cesiumvue02

**Repository Path**: akaedu2012/cesiumvue02

## Basic Information

- **Project Name**: cesiumvue02
- **Description**: 数字孪生水利局好厉害噢，我只是个打工的不要难为我
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: http://ruankun.xyz
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 3
- **Created**: 2025-02-26
- **Last Updated**: 2025-02-26

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Vue 3 + Vite

This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.

## Recommended IDE Setup

- [VS Code](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin).


npm install --save obj2gltf
首先在cesium目录下安装obj2gltf
然后在node_modules目录下找到obj2gltf，把你需要转的obj和带的贴图放在obj2gltf根目录下（貌似是obj2gltf的bug，指定目录似乎不管），在obj2gltf目录下打开命令行，输入
node bin/obj2gltf.js -i model.obj -o model.gltf
为了避免一个个文件转换的麻烦，参考博客http://blog.csdn.net/u013929284/article/details/53106331，写了一个批处理文件，将文件夹A中的obj文件全部转为对应的gltf文件放入文件夹B中，代码为
@echo off
for /r D:\obj2gltf-master\OBJ %%i in (*.obj) do node bin/obj2gltf.js -i %%i -o OUTPUT\test.gltf
pause & exit
成功转换模型后，将模型放到相应路径，使用viewer.scene.primitives.add方法加载
var modelMatrix = Cesium.Transforms.eastNorthUpToFixedFrame(
    Cesium.Cartesian3.fromDegrees(102.73, 25.04,  ));
var model = viewer.scene.primitives.add(Cesium.Model.fromGltf({
    url : '../Source/SampleData/Models/pangea3dgalleon.gltf',
    modelMatrix : modelMatrix,
    //scale : 10.0,
    maximumScreenSpaceError:  // default value
}));

viewer.camera.flyTo({
    destination : Cesium.Cartesian3.fromDegrees(102.73, 25.04, 2631.082799425431)
});



加载了earthsdk就不能在加载cesium相关的内容了







    //飞翔
    // var tileset = earth.sceneTree.$refs.tileset.czmObject;
    // tileset.flyTo();
    // console.log(earth)
    
    //倾斜摄影 cesium加载
    // var viewer = earth.czm.viewer;
    // var tileset = viewer.scene.primitives.add(new Cesium.Cesium3DTileset({
    //     url: 'http://10.137.0.11:9003/model/7cixjkan/tileset.json',
    //     modelMatrix: Cesium.Matrix4.fromArray([1,6.676171004915687e-10,-1.1489785373131056e-9,0,-6.676166286467833e-10,0.9999999999999997,4.955564458786199e-9,0,1.1489789120133764e-9,-4.95556451429735e-9,1.0000000000000004,0,-2.4079679714050144,10.385604574345052,6.116768097039312,1]),
    // }));
    // viewer.flyTo(tileset);
    // console.log(tileset)


    // const p1 = XE.HTML.loadJS('../../XbsjEarth-Plugins/plottingSymbol/plottingSymbol.js');
    // const p2 = XE.HTML.loadJS('../../XbsjEarth-Plugins/customPrimitive/customPrimitive.js');
    // const p3 = XE.HTML.loadJS('../../XbsjEarth-Plugins/customPrimitiveImage/customPrimitiveImage.js');
    // const p5 = XE.HTML.loadJS('../../XbsjEarth-Plugins/plottingSymbol2/plottingSymbol2.js');
    // const p4 = XE.HTML.loadJS('//earthsdk.com/v/last/Apps/Demos/Viewer/scripts/three.min.js'); // 部分图元需要加载three.js
    // return Promise.all([p1, p2, p3, p5]);





    1. 看板放在一起
    2. 船重新画
    3. 房子换一下