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

时间:2012-11-15 12:54:46

标签: webgl three.js

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

1 个答案:

答案 0 :(得分:0)

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