Three.js地球上的可点击点

时间:2018-01-26 00:58:28

标签: three.js

我已经研究过使用three.js但是找不到任何特定于我需要的例子。

我正在尝试创建一个3D地图(在地球上),它在世界各地有3个不同的针点。我希望能够检测到点击了哪个精确定位,以便在页面的其他位置显示信息。

是否有人知道这样做的方法?任何演示或教程都会非常有用。

谢谢。

1 个答案:

答案 0 :(得分:0)

使用事件侦听器在鼠标单击时触发raycaster。我快速剪切并粘贴了我的一个项目中的一些代码,以便它从屏幕空间中的鼠标进行光线投射到3D空间中的对象,并将材质的颜色更新为红色。

这至少应该让你开始朝着正确的方向前进:

delete[] s;

MrDoob还有example on github web demo