在 WebGL Globe (Google) 中选择条形图答案

【问题标题】：Selecting bars in the WebGL Globe (Google)在 WebGL Globe (Google) 中选择条形图
【发布时间】：2019-11-24 01:59:04
【问题描述】：

我们都知道http://www.chromeexperiments.com/globe/ WebGL 实验，我真的对他们在那里所做的很感兴趣。

他们所做的是根据 GPS（JSON 格式）信息在地球上构建条形图。本身就很酷。

在等待three.js 库文档变得更加完整的同时，我想问一个问题。我将如何实现一种方法来调查哪个栏是 ie。点击了吗？

提前致谢，卡波

【问题讨论】：

我尝试使用 Three.js 的最新 rev 50 版本并修改 WebGL Globe 以匹配其正确的函数名称等。我想我做对了，但在 addPoint() 函数中出现错误它尝试以下操作： GeometryUtils.merge(subgeo, point);我将其更改为 THREE.GeometryUtils.merge(subgeo, point)。控制台说“未捕获的 TypeError：无法读取 null 的属性 id。想法？
这里也讨论了同样的问题：code.google.com/p/webgl-globe/issues/detail?id=18

【解决方案1】：

您需要将条形图放在一个组中，如果它们还没有的话..（网格）
您需要使用 Projector 和 Ray 来确定点击的对象：

http://mrdoob.github.com/three.js/examples/webgl_interactive_cubes.html

从这里开始就很容易了..您需要一种方法来以某种方式区分条形...也许使用网格的“名称”属性..

【讨论】：

【解决方案2】：

根据条形的数量，我会在地球上使用射线并通过纬度和经度选择条形，这样会快得多。它也不依赖于用户点击小条的能力。

【讨论】：