npm run dev
- 主页邮件发送，采用deepseek api + Emailjs 实现 用户问题发送 实现 总结 建议 以及原文
-
导航栏格式，修改为黑字体，然后背景设置为悬浮，使用白色蒙图效果，当鼠标向下的滑动的时候会向上隐藏，向上滑动的时候会显示出来
-
去掉第二个视频播放的蒙图。//*[@id="app"]/div/main/main/section[2]/div[1]/div 视频中的显示字体设置为白色
-
这部分进行扩展为两个部分，然后ui优化，然后视频播放要显示正常
-
下面的资源与应用示例也要修改，修改为有八个，对应项目的八个功能，每个视频就会是用来演示，将图片换为视频播放，不是自动播放，点击其中的视频才进行播放。并且设置为自动来回更迭，时间是4s一次，xpath是//*[@id="app"]/div/main/main/section[3]/div
-
这个动态ppt显示有问题，当我滑动鼠标下去的时候，他也会进行晃动，导致出现问题。理想的状态是从
到
随着鼠标滑动，这个最终占满整个屏幕，然后只有整个现有容器内滑动完才能继续向下面的部分，并且整个容器内图片显示类似于，随着鼠标上下滑动，然后字体类似于轮播，背景图片相当于上一个图片慢慢变浅最终消失，下一张图片慢慢显示出来刚好字体轮播到背景图片中间，图片是显示的最清楚的时候。
-
产品亮点写出优势以及实现的功能和创新点，还有训练指标
-
最下面的字体需要给修改更换
、
组件采用了分左右两栏的布局设计：
-
左侧面板用于显示控制界面，包含无人机巡逻控制面板
-
右侧面板为地图容器，显示无人机路径和位置
-
使用了现代化的暗色主题设计，强调蓝色高亮元素
-
提供了悬浮控制面板用于绘制模式选择和仿真控制
-
支持2D/3D视图切换功能
-
坐标转换处理：将地理坐标(经纬度)转换为适合3D可视化的坐标系统，通过缩放和偏移实现
-
定时器控制的动画实现：使用setInterval控制无人机位置更新，模拟飞行轨迹
-
资源管理：组件在生命周期钩子中正确处理了资源的初始化和销毁，确保不会造成内存泄漏
-
标记和路径管理：提供了创建、更新和清除无人机标记和路径线的完整功能
-
视图切换机制：提供了2D和3D视图切换功能，增强了用户体验
-
自适应布局：通过CSS确保组件在不同大小的容器中都能正常显示
- 性能优化：
-
对于大量无人机同时仿真时，可考虑使用WebWorker或减少更新频率
-
使用requestAnimationFrame替代setInterval可能提供更平滑的动画效果
- 功能扩展：
-
添加无人机碰撞检测和避障算法
-
实现更复杂的飞行模式和任务规划
-
增加无人机电量模拟和故障模拟功能
- 界面优化：
-
添加无人机状态实时监控面板
-
优化3D视图的交互体验
-
提供更丰富的任务预设和快速部署选项
- 代码结构优化：
-
将无人机路径生成和仿真逻辑提取为独立的服务
-
使用TypeScript类型扩展，提高代码健壮性
-
添加单元测试以确保功能稳定性
这个组件已经实现了无人机巡逻仿真的基
页面中并没有显示任何功能，我希望这个数据大屏中，模拟有20个无人机（同时根据不同类型分为不同的无人机，用作下面推荐然后选择），对于每个无人机模拟出不同的信息，比如无人机编号:电池状态信号强度: ，首先先选择用巡视的地点，然后通过高德地图api找到这个位置，同时使用这个天气查询，显示出这个地点的天气信息，然后通过deepseekapi智能回复选择哪种无人机好 ，然后选择好无人机好，然后设定任务目标，比如交通监控，火灾检测，洪水检测，夜间检测等，最后选择在地图中框选出范围。模拟无人机在这个范围内进行巡视。实现这个功能直接修改我的代码。直接在页面地图追踪页面中实现，关于前面的选择，可以以弹窗等形式进行选择展示。我希望新建一个vue页面来实现这个功能代码，最后引用显示到@GeoApiDashboard.vue 因为这个文件代码太长了。我需要你修改的页面中的@GeoApiDashboard.vue 代码中的地图追踪容器组件内，将这个页面修改为我上面的要求，参考现在的风格。注意你需要最后实现是在这个地图追踪这个容器内，在这个容器内实现这个功能。就是当我点击地图追踪，然后跳转显示的下面这部分位置。查看前面的需求，继续实现地图追踪容器组件我要实现的功能。不允许直接在@GeoApiDashboard.vue 里面直接写代码，只允许这部分引用在这个代码文件中的地图追踪容器组件内。直接修改代码，修改完后你启动终端进行调试@DronePatrolPanel.vue @DronePatrolTab.vue