# 数字孪生基础项目threejs

**Repository Path**: openstudy123/3d-assessment

## Basic Information

- **Project Name**: 数字孪生基础项目threejs
- **Description**: 数字孪生基础项目threejs
- **Primary Language**: JavaScript
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: http://47.109.99.251/threejs/#/all
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 9
- **Created**: 2025-12-23
- **Last Updated**: 2025-12-23

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Vue 3 + TypeScript + Vite

This template should help get you started developing with Vue 3 and TypeScript 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.

Learn more about the recommended Project Setup and IDE Support in the [Vue Docs TypeScript Guide](https://vuejs.org/guide/typescript/overview.html#project-setup).



前端考核内容:
1、GIS开发：
01、使用地图绘制多边形，包括各个点的坐标以及多边形名称， 另外一个页面显示该多边形以及信息
02、使用地图绘制多个点标记，能添加点标信息，另一个显示页面点击坐标点能显示坐标点信息，多边形和点标记能按照不同类型切换显示（如：土地利用现状多边形、土地墒情多边形能分开显示）



2、三维模型
01、使用三维引擎创建一个包含天空盒的场景，模型旋转，镜头变化
02、通过点击模型能弹出模型包含信息或播放模型动画
03、通过对象拾取选中模型，给模型加上边框
04、点击触点进行模型场景切换


实现思路：

1. vue3+vite+typescript+element-plus+CesiumJS+threejs+tweenjs

   

   

# 项目展示

![image-20250908132943425](images/README/image-20250908132943425.png)

![image-20250908133003843](images/README/image-20250908133003843.png)

![image-20250908133019691](images/README/image-20250908133019691.png)

![image-20250908133041495](images/README/image-20250908133041495.png)

![image-20250908133102339](images/README/image-20250908133102339.png)

![image-20250908133125366](images/README/image-20250908133125366.png)

![image-20250908133143615](images/README/image-20250908133143615.png)

![image-20250908133155345](images/README/image-20250908133155345.png)

![image-20250908133207017](images/README/image-20250908133207017.png)

![image-20250908133240856](images/README/image-20250908133240856.png)

# 部署

![image-20250908133531637](images/README/image-20250908133531637.png)

- 部署需要删除"/threejs" 基础路径就行,本目录为我的自定义目录


# 演示地址 http://47.109.99.251/threejs/#/all