【源码】基于Vue3、ThinkPHP5和Cesium的地图可视化系统

项目简介

本项目是一个基于Vue3、ThinkPHP5和Cesium的地图可视化系统。前端借助Vue3.0 CLI4.x脚手架搭建，采用TypeScript编写逻辑代码，UI界面使用ElementPlus。GIS地图部分运用Cesium - 1.82开源库并做了简单修改，还加入主流WebGL动态效果类。后台基于ThinkPHP5 + Bootstrap + MySQL，使用FastAdmin框架。此系统提供了一套完整的地图可视化解决方案，涵盖地图配置、图层管理、模型加载、特效展示等功能。

项目的主要特性和功能

1. 地图配置：可自定义地图中心点、缩放级别、视角等参数。
2. 图层管理：支持添加、删除和编辑多种类型的地图图层，如卫星图层、地形图层等。
3. 模型加载：能加载3D模型（如glTF格式）并在地图上展示。
4. 特效展示：提供点、线、模型等元素的特效展示，如点效果、线效果等。
5. 菜单管理：具备菜单配置功能，用于前端展示和后端管理。

安装使用步骤

环境准备

确保已安装PHP环境，ThinkPHP框架和相关依赖库可用。安装Fastadmin 「1.2.1.20210730_full」完整版（下载地址：https://jdvop.oss-cn-qingdao.aliyuncs.com/1.2.1.20210730_full.zip ），并完成Fastadmin平台的安装（安装教程：https://www.fastadmin.net/video.html ），注意public运行目录以及ThinkPHP的伪静态配置。

下载与配置

1. 从项目仓库下载完整的源码文件。
2. 下载右侧编译好的发行版文件.zip。
3. 修改上传文件的大小限制：修改文件 /application/extra/upload.php 第20行，将 'maxsize' => '20mb'。
4. 在 application/config.php 中，将 unknownsources 改为 true，debug 改为 true，trace 改为 true，然后清空前后台缓存。

插件安装

进入刚部署的Fastadmin后台，选择插件管理、离线安装，选择下载的.zip文件。

修改配置

修改文件 addons/cesiummapv/vue3-typescript/.env.production 中的 VUE_APP_API_URL = 'http://map.217dan.com/addons/cesiummapv'，将其中的 map.217dan.com 部分改成你的网址。

前端编译

在项目根目录下执行 npm install 和 npm run build。

数据库设置

创建数据库并导入项目所需的表结构。

部署运行

将项目代码部署到Web服务器上，并启动Web服务器。

访问系统

通过浏览器访问系统前端页面（前台地址：http://map.217dan.com/addons/cesiummapv ），进行地图配置、图层管理、模型加载和特效展示等操作；访问后台页面（后台地址：http://map.217dan.com/aeSAZtOfuN.php ，用户名:test，密码:12345678）进行管理操作。

请注意，以上步骤仅为简化的安装使用流程，具体实现可能需要根据项目的实际需求和服务器环境进行调整。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】