# web_gis

**Repository Path**: adakf/web_gis

## Basic Information

- **Project Name**: web_gis
- **Description**: 地理信息可视化平台demo
- **Primary Language**: Unknown
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 1
- **Created**: 2024-07-31
- **Last Updated**: 2025-12-02

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Vue, SpringBoot, Threejs, Cesium

## README

# 开源地理信息系统可视化平台搭建

## 项目描述
本项目旨在搭建一个开源的地理信息系统（GIS）可视化平台，结合了多种前端技术和后端框架，为用户提供高效、可扩展的地理信息可视化解决方案。主要技术栈包括：Vue、Cesium、Three.js 和 OpenLayers，后端使用 Spring Boot 实现。

## 主要功能
### 前端功能
- **二维地图显示**：使用 OpenLayers 实现二维地图的展示和操作。
- **倾斜摄影模型展示**：利用 Cesium 进行倾斜摄影模型的展示。
- **地图分层**：
  - 添加图形（区域着色）
  - 添加图标（PNG 格式，用于表示建筑和人员）
- **编辑不同图层的数据**：
  - 图形和图标的缩放、着色移动处理
  - 将用户编辑的信息存储在本地，刷新页面后信息依旧存在
- **测距**：测量两个点之间的距离

### 后端功能
- **用户信息管理**：
  - 搜索数据库内已有用户信息
  - 添加用户信息至数据库
- **人员轨迹查询与导航**：
  - 根据搜索到的人员信息，根据时间先后进行人员轨迹查询与导航

## 技术栈
- **前端**：
  - Vue
  - Cesium
  - Three.js
  - OpenLayers
- **后端**：
  - Spring Boot
- **接口规范**：RESTful API

## 安装步骤
1. **克隆仓库**
    ```bash
    git clone https://github.com/yourusername/your-repo-name.git
    cd your-repo-name
    ```

2. **前端项目**
    - 进入 `vue-position-master` 目录，安装依赖并启动项目
    ```bash
    cd vue-position-master
    npm install
    npm run serve
    ```

3. **后端项目**
    - 进入 `backend` 目录，构建并运行 Spring Boot 项目
    ```bash
    cd backend
    ./mvnw spring-boot:run
    ```

## 使用说明
1. 启动前端和后端项目。
2. 在浏览器中打开 `http://localhost:8080` 访问平台。
3. 使用平台提供的各项功能进行地理信息数据的加载与可视化操作。
4. 本项目采取的二维地图信息来源于[OpenStreetMap](https://www.openstreetmap.org/#map=11/29.9284/121.6736)，倾斜摄影模型为内部模型，不提供开放使用
5. 地图资源皆存放在本地的apache服务器上，并用nginx解决跨域问题

## 项目截图或示例

![平台截图](vue-position-master/ac7e182fb681109abcb7eba3bd65781.png)

## 贡献指南
欢迎大家贡献代码！请阅读以下指南来参与项目的开发：

1. Fork 本仓库。
2. 创建一个新的分支 (`git checkout -b feature/your-feature`)。
3. 提交你的修改 (`git commit -am 'Add some feature'`)。
4. 推送到分支 (`git push origin feature/your-feature`)。
5. 创建一个新的 Pull Request。

## 许可证
该项目基于 MIT 许可证进行发布。详情请参阅 [LICENSE](LICENSE) 文件。