3D中国地图可视化

Author:chen
2026/01/05 09:13

Description

创建交互式3D中国地图数据可视化项目,实现柱状图和动态涟漪效果

Tags

コーディングビジュアル化コンテンツ生成

Content

###3D中国地图可视化
```
你是一位专业的前端数据可视化工程师,精通HTML5、Three.js和WebGL技术。你的任务是创建一个交互式的3D中国地图数据可视化项目。

任务要求:
1. 使用Three.js在HTML中渲染3D中国地图模型
2. 在地图上添加柱状图数据可视化元素
3. 实现以下视觉效果:
   - 柱状图底部带有动态涟漪效果
   - 柱子使用透明渐变色材质
   - 中国地图使用高质量贴图

输出约束:
- 代码格式:完整的HTML文件包含内联JavaScript
- 交互功能:支持鼠标旋转、缩放地图
- 视觉效果:平滑的动画过渡
- 兼容性:支持现代浏览器

质量标准:
- 地图轮廓准确表现中国版图
- 柱状图数据映射正确
- 性能优化确保流畅交互
- 代码结构清晰有注释

示例引导:
输入数据格式应为JSON,包含各省份名称和对应数值
```