# WebPictureMap

**Repository Path**: adamo1209/web-picture-map

## Basic Information

- **Project Name**: WebPictureMap
- **Description**: 多源方案自动提取照片地理坐标数据，并在3D瓦片地形图上可视化标记出来。
注意：使用前需要主机上配备Tesseract OCR以及本人拥有天地图开发者key！
（实验性项目，仅供学习参考）
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-09-22
- **Last Updated**: 2026-06-12

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Web Picture Map 项目说明

这是一个基于网页的图片地图应用，允许用户通过地图查看图片，并支持3D模型展示。

## 网页效果展示
![home_page](./assets_md/home_page.png)
![Cesium](./assets_md/Cesium.png)
![](./assets_md/alter.png)
![](./assets_md/window.png)

## 功能特性

- **图片地图展示**：应用能够将图片根据其地理位置信息展示在地图上。
- **3D模型支持**：支持通过Cesium和Three.js展示3D模型。
- **图片全屏查看**：用户可以全屏查看图片。
- **数据编辑**：提供API和界面用于修改展示的图片和位置信息。

## 技术栈

- **前端**：使用HTML、CSS、JavaScript进行前端开发。
- **地图展示**：使用CesiumJS进行地图渲染。
- **3D模型**：通过Three.js加载和展示3D模型。
- **后端**：使用Flask框架提供后端服务。
- **图片处理**：使用Python的exifread库处理图片的EXIF信息。

## 安装和运行

### 环境要求

- Python 3.x
- Flask
- exifread
- CesiumJS
- Three.js

### 安装步骤

1. 克隆仓库到本地。
2. 安装所需的Python包：
   ```
   pip install -r requirements.txt
   ```
3. 确保已安装并正确配置了CesiumJS和Three.js。

### 运行应用

1. 运行Flask应用：
   ```
   python run.py
   ```
2. 打开浏览器访问应用的URL。

## 使用说明

- 访问主页，查看地图上的图片标记。
- 点击标记查看图片和相关信息。
- 使用全屏功能查看图片。
- 通过提供的API或界面修改数据。

## API接口

- **获取图片坐标数据**：`/data/picture_coodinate`
- **获取笔记数据**：`/data/soilnotes`
- **修改数据**：`/api/change_data/<id>`

## 贡献

欢迎贡献代码、报告问题或提出改进建议。请遵循项目的贡献指南。

## 许可证

本项目采用MIT许可证。详情请查看LICENSE文件。