Globe.GL 技能用于在 WebGL/ThreeJS 环境下实现 globe.gl（Globe.GL）三维地球数据可视化，涵盖初始化配置与数据图层实现。
用途 适用于需要以三维地球形式呈现地理相关数据的场景，帮助开发者快速搭建 globe.gl 实例并接入所需数据图层。
主要能力
- 支持多种数据图层，包括 Points（点）、Arcs（弧线）、Polygons（多边形）、Paths（路径）、Heatmaps 与 hex bins（热力图与六边形分箱）、Labels 或 HTML 元素、3D 物体和自定义图层。
- 提供 ESM 与 script 标签两种快速开始方式。
- 可在需要时添加交互或额外图层。
使用方式 快速开始（ESM）： <script type="module"> import Globe from 'globe.gl';
const myGlobe = new Globe(document.getElementById('globe')) .globeImageUrl(myImageUrl) .pointsData(myData); </script>
快速开始（script 标签）： <script src="//cdn.jsdelivr.net/npm/globe.gl"></script> <script> const myGlobe = new Globe(document.getElementById('globe')) .globeImageUrl(myImageUrl) .pointsData(myData); </script>
工作流程
- 确认环境（纯 HTML、框架、React 绑定）以及所需的数据图层。
- 提供最小快速开始片段及对应图层的字段。
- 仅在需要时添加交互或额外图层。
- 提示容器尺寸与性能注意事项。
实用建议
- 通过 CSS 为容器设定尺寸，地球会填充其父元素。
- 移动端可减少点数量或尺寸以提升性能。
- 使用较暗的地球纹理以突出霓虹风格的数据叠加效果。
适用场景 需要以三维地球形式展示地理数据、并希望在纯 HTML 或框架项目中接入 globe.gl 的开发场景。
限制 当需求规格不完整时，需先确认：需要哪些图层（点、弧线、多边形、标签）；桌面与移动端的地球尺寸；是否需要拖拽/旋转交互或静态地球；使用纯 HTML、React（react-globe.gl）还是其他框架。关于收费、价格与平台支持等具体信息，资料暂未提供。