显示地球上可见点的弹出窗口

Question

我有一个地球仪，类似于http://mrdoob.github.com/three.js/examples/webgl_trackballcamera_earth.html。 我的地球仪在不同的位置（例如巴黎、罗马或伦敦）有一些点。每当这些地点之一进入视野时，应该会弹出一个包含该位置附加信息的弹出窗口，当该地点旋转出视野时再次消失，与http://workshop.chromeexperiments.com/cloudglobe/非常相似。

Answer 1

您需要这些点的 3D 坐标，并且需要使用地球仪对它们进行变换（旋转或其他）。然后使用此代码http://www.opengl.org/wiki/GluProject_and_gluUnProject_code 获取这些点的屏幕空间坐标。之后是 HTML、CSS 和一些 javascript 的简单问题。您知道它们在屏幕上的位置，例如，您可以将一些绝对定位的 div 与文本放在一起。但是您需要检查这些点位于地球的哪一侧 - 使用球体的旋转相位或点的 z 坐标或简单地执行 color-based picking 以查看该点是否可见。