问题标签 [webgl-globe]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
882 浏览

javascript - 删除数据(刷新)WebGL Globe

我正在使用 WebGL Globe ( http://globe.chromeexperiments.com/ ) 并希望能够用新数据“刷新”它,然后将其动画化到新状态。库中提供的示例无济于事,因为它们在页面加载时立即加载数据系列,但我想动态加载新数据(例如,每 30 秒)

使用 new 重复执行以下操作data只会累加地更新地球的数据,因此当新数据进入时,条形图会“堆积”在地球上:

似乎没有一种明显的方法可以使用内置 API 减去/清除/重置地球的数据(然后动画到新的数据状态)。这很容易做到吗?

0 投票
1 回答
723 浏览

three.js - 颠倒的 ThreeJS webgl 地球仪

我正在使用THREE.js WebGL 地球仪,并希望删除阻止您将地球仪倒置旋转的约束:北极向下,反之亦然。

我需要的截图

这是我目前的实验:https ://mgiraldo.github.io/edda-globe

我尝试修改onMouseMove函数(这是我认为问题所在),但我的几何数学是有限的。功能:

我认为问题恰恰在于以下几点:

完整代码在这里:https ://github.com/mgiraldo/edda-globe/blob/gh-pages/globe/globe.js#L321-338

编辑:创建了一个Codepen 以便于测试onMouseMove在第 318-334 行。

0 投票
1 回答
326 浏览

javascript - WebGL Globe - 来自一个顶点的多个数据点

我已经能够遵循源代码并让我的 WebGL 地球像示例一样工作。我正在尝试定制这个地球仪。我需要在全球范围内展示不止一个指标。例如,我不想只显示地球上的全部人口,而是想从同一个顶点显示女性人口和男性人口。我一直在阅读Globe.js中的每一行,但仍然对如何实现这一点感到困惑。有人可以指出我正确的方向吗?

0 投票
0 回答
52 浏览

javascript - 地图移动时 D3 Globe 指针问题

我使用 D3 创建了地球仪。当我移动地图时,我遇到了问题,它的指针也随着地图一起移动,但目前移动地图时指针会超出地图区域。

请查看以下链接以获取演示 http://projectsdemo.net/globe/v4/

0 投票
1 回答
511 浏览

animation - 单击绘图时 D3 平滑放大地球的问题

我创建了 D3 地球仪。我遇到了问题,现在点击绘图,地图放大但它不是平滑放大。我需要用平滑过渡放大地图。 http://projectsdemo.net/globe/v4/

0 投票
1 回答
256 浏览

google-chrome - WebGL Globe 无法使用 OS 和 Chrome 升级进行渲染

我一直在使用 WebGL Chrome 地球仪进行开发:https ://www.chromeexperiments.com/globe

在我最近将操作系统升级到 macOS Sierra 并更新了 Google Chrome 之前,一切都运行良好。现在我在浏览器中看不到地球,而是收到一条消息:“抱歉,您的显卡不支持 WebGL”

在我升级操作系统和 Chrome 之前,这一切正常。

为什么它现在不起作用?我的系统使用和以前一样的显卡,但是现在不支持WebGL?看起来更像是一个软件问题。

任何人都对如何解决这个问题有任何见解?

0 投票
1 回答
371 浏览

javascript - WebGL Earth 在当前位置重新启动动画

我正在使用 WebGL 的 Globe API 及其旋转动画功能,但我希望用户能够通过双击地球来停止和重新启动动画。

目前我有以下运行onload的动画代码:

以下代码在双击时停止并重新启动动画:

停止和停止在双击时起作用。问题是当动画停止时,时间仍然过去,当动画重新开始时,地球的中心会立即移动到它没有停止时的位置。

如何确保当地球动画重新启动时,它从当前中心而不是假设中心重新启动?

0 投票
2 回答
460 浏览

javascript - 如何在 WebGL Globe 中获取屏幕中心点的经纬度值?

Google 的 WebGL Globe允许在特定的纬度上放置标记。但是我们如何才能获得当前位于屏幕前面或中心的点的 lat long 值。可能正在使用相机位置或旋转值。

我们可以使用下面的代码从 lat long 值中找到地球上的位置:

0 投票
2 回答
818 浏览

javascript - 自动旋转 WebGL 地球仪

我正在做这个惊人的实验,WebGL Globe,它真的很棒。

我已经改变了一些功能来播放和适应我想要的东西。一是函数渲染。

原来的:

修改的:

现在我的地球仪自动旋转完美,但我无法拖动地球仪并在 X 轴和 Z 轴上用鼠标旋转它,只有 Y 轴。我怎样才能使用这个自动旋转功能并且不会失去鼠标的旋转控制在 X 轴和 Z 轴?

0 投票
0 回答
205 浏览

webgl-globe - 更改 WebGL Earth Globe 的颜色?

我正在创建一个网站,其中包含在 WebGL Earth 网站上找到的开源地球。这个地球的 JavaScript 代码可以在这里找到:

http://www.webgearth.com/v2/api.js

我想改变地球上显示的颜色:蓝色的水、棕褐色的土地和紫色的文字/边框。尽管我试图筛选代码以找到选择这些颜色的位置,但我似乎找不到它。

任何帮助是极大的赞赏。谢谢!