在坐标 3D object model in Three.js 上放置一个点

Question

我正在构建一个 Three.js 应用程序（React 模板，如果它很重要）。 我有这个 3D object model 应该像应用程序中的 Pl.net 地球一样。 我有这个空间站 model。我想通过每隔一秒给出一些特定坐标来围绕世界旋转空间站。 我的问题是：

我怎样才能把空间站放在伦敦上方，例如，如果我有这个坐标：
long: 45.926013877299和lat: 46.524648101056 （随机）

这是我加载 object 的方式：

const loader = new GLTFLoader();

loader.load("path/to/model", function (gltf) {
  scene.add(gltf.scene);
});

Answer 1

Vector3 有一个名为Vector3.setFromSphericalCoords(radius, phi, theta)的方法。 您可以使用它来将您的距离、纬度和经度转换为空间中的 X、Y、Z 点：

const radius = 100; // Distance from center of Earth

const polar = 180 - (lat + 90);
const phi = THREE.MathUtils.degToRad(polar);
const theta = THREE.MathUtils.degToRad(long);

mesh.position.setFromSphericalCoords(radius, phi, theta);

// Final result
console.log(mesh.position.toArray());

请注意，我必须更改纬度的值。 这是因为phi在北极测量为 0°，在南极测量为 180°。