问题标签 [webgl-globe]

我一直在尝试让 Web GL Globe ( http://code.google.com/p/webgl-globe ) 工作。我从 Google 代码页面下载了源代码，并将所有文件解压缩到一个文件夹中。5 月 13 日的版本是撰写本文时的最新版本。然而，在 Chrome 和其他浏览器中，index.html 页面在没有地球的情况下加载。我快速查看了代码，但我是 javascript 等的新手。似乎对文件的某些引用不正确，就好像我更正了该行一样：

至

我得到一个加载轮 gif 加载但永远旋转。

进一步查看代码，它似乎移动globe.animate();到不同的行创建了一个工作地球，但没有数据加载功能。我尝试了以下方法来显示地球仪：

基本上，我希望 WebGL 地球的工作下载（zip？）或有人查看http://code.google.com/p/webgl-globe/downloads/list上的下载并让我知道如何从网站上的损坏代码创建一个工作版本。

提前致谢，

夏洛特

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

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

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

提前致谢， 卡波

我正在使用来自http://workshop.chromeexperiments.com/globe/的 WebGL 地球仪。如果单击地球上的任何一点，我需要获取该点的经度和纬度。这些参数将被传递给 Google Maps 的 2D 地图。

怎么才能长。和纬度。来自 webgl 地球？

通过这个函数，我得到了双击点，通过这个点，我找到了 long。和纬度。但结果并不正确。似乎点击的点没有正确确定。

在此处获取 WebGL Globe https://github.com/dataarts/webgl-globe/archive/master.zip 您可以直接在 Mozilla 上打开它，如果您在 Chrome 中打开它，它适用于由于 Cross-Origin 而缺少地球表面图像资源共享政策。它需要放在虚拟主机中。

我正在使用谷歌的 webGL 地球来完成我的一个有趣的项目。

想要：当用户单击带有“月亮”图标的框时，它会将用于制作地球的图像从 world.jpg 更改为 world_night.jpg。

有一个文件可以处理地球的纹理元素。这是负责获取图像位置以包裹地球的代码行。

重要的线在底部的星号内。

我正在使用这样的简单函数来更改纹理

谁能帮我解决这个问题。

再次，当有人点击月亮图标时，我需要这个

改成这个

注意：我要更改的是一个名为 globe.js 的文件。该函数位于 index.html 文件中

我的网站显示地球仪可以在这里找到。

无论如何，以前我在加载地球本身时遇到问题。但是我解决了这个问题，地球加载，但世界地图图像没有显示在地球上，如图所示。图片可以在这里找到。这里有一个类似问题的用户，有一个对他有用的解决方案。然而它不适合我。有什么建议么？

这是我的globe.js（部分）：

接着：

编辑; 不*固定。

我使用了在 WebGL 中从地球获取经度和纬度中列出的代码作为答案

但是，当我尝试它时，当我把地球仪翻过来时，即使我点击同一个点，我得到的坐标也不同，而且经度坐标几乎总是错误的。

我不知道如何在地球不变得更加智能并且以某种方式记录它所经历的所有旋转，甚至跟踪特定经度（也许是国际日期变更线）的情况下修复它，以便它可以找出什么点的纬度，长元组是。

有什么建议或想法吗？

I am trying to add a WebGL Globe visualization into a custom SaaS application (Splunk) and instead of getting lines out of the globe, I only see dots.

I suspect the application has its own CSS or something that is overriding and hiding or preventing the lines from coming out. But I have no idea where to start debugging and what "troublesome" CSS properties I should be looking for.

I'm not sure if this helps, but here are 2 screenshot of the CSS properties of the 2 elements: the <div> and the <canvas> that is inside the <div>:

https://www.dropbox.com/s/x7qqkhimkh34h8q/Screenshot%202014-09-26%2000.40.35.png?dl=0 https://www.dropbox.com/s/h79190dgf2k99w6/Screenshot%202014-09-26%2000.40.44.png?dl=0

My sample JSON data is from this tutorial and it is valid. I even tried a very simple dataset of

and even that didn't work (there was just one dot).

我正在玩 WebGL Globe 并让它旋转，但不知道如何定位它，使其不在场景的中心。

我已将https://code.google.com/r/fxnstyling-webgl-globe-autospin/source/browse/上的代码更改为：

如何改变地球仪的位置？

I am trying to run the examples in the WebGL Globe code package. I have downloaded the code from the GitHub repository and am attempting to run the page within the globe folder of the main directory.

I have been having issues loading the WebGL Globe locally on my machine. I have set up a SimpleHTTPServer with Python to handle the requests of the webpage locally. This Python script lives in the root directory of the project (where the readme file lives) to ensure that all the file references within the HTML code are correct. I am able to load the page, however, the globe will not load and the progress bar image persists. This yields the following result:

When I load the page, Python shows the following output:

The Python code:

As you can see, all the files load correctly.

I have visited a previous question but none of the solutions provided worked for me (and for the person who originally asked the question).

Does anyone know what I may be doing wrong? Is it possible that Google has stopped supporting this project?

有一个非常酷的 Three.js 演示，它有一个 3D 地球：http ://data-arts.appspot.com/globe/

我想将地球本身的颜色从黑色更改为深蓝色。我正在查看所有源文件并不断更改内容，但对地球颜色没有任何影响。

我不太了解 Three.js 或 WebGL。有人可以帮忙吗？