webgl-globe | WebGL Globe is a platform for visualizing latitude | Map library
kandi X-RAY | webgl-globe Summary
kandi X-RAY | webgl-globe Summary
The WebGL Globe is an open platform for geographic data visualization created by the Google Data Arts Team. We encourage you to copy the code, add your own data, and create your own globes. Check out the examples at and if you create a globe, please share it with us. We post our favorite globes publicly. The WebGL Globe supports data in JSON format, a sample of which you can find here. webgl-globe makes heavy use of the Three.js library.
Support
Quality
Security
License
Reuse
Top functions reviewed by kandi - BETA
- Creates a beautifier .
- Creates a set of signal definitions and sets the corresponding signal definition
- Style the given HTML .
- The Parser object .
- Returns next token in input .
- handle conditional statement
- Parse punctuator token .
- Default prefetch function .
- Searches for single selector .
- Animation animation .
webgl-globe Key Features
webgl-globe Examples and Code Snippets
Community Discussions
Trending Discussions on webgl-globe
QUESTION
I've just downloaded the whole folder from this link:
https://github.com/dataarts/webgl-globe
I would like to do the same data visualization, but if I open the file index.html
, inside the globe
directory, but the globe doesn't appear, and I don't know the problem.
Another doubt is: if I substitute the json file with my data (always in json format) it should work?
How can I solve these problems? Thanks in advance
...ANSWER
Answered 2019-May-06 at 19:08Ah, I see what your problem is- you'll need this content to be served up by a simple server of your choice. (The simplest of which is probably this Node.js package: http-server
- you'll need git and Node.js installed)
I've just got your demo working for you, with the following steps:
- Get a simple node server.
npm install http-server -g
(you need it global installed)- Get the demo files:
git clone https://github.com/dataarts/webgl-globe.git
andcd webgl-globe
.- Start the web server, from the current directory just run
http-server .
- Then in your browser navigate to http://localhost:8080/globe - and boom it'll be working perfectly.
And in answer to your second question, as long as your data is in the following format, (the same as this example data) it should work fine when you plug your json in:
QUESTION
Google's WebGL Globe allow placing markes at a specific lat long. But how can we get the lat long value of point currently at front or at center of screen. May be using camera position or rotation value.
We can use below code to find position on globe from lat long values:
...ANSWER
Answered 2018-Jan-13 at 16:28As far as I can see there’s no direct way to get it. I see two options:
you can either modify globe.js to “export” the
rotation
object: add the following at the end of globe.js, just afterthis.scene = scene;
:
Community Discussions, Code Snippets contain sources that include Stack Exchange Network
Vulnerabilities
No vulnerabilities reported
Install webgl-globe
Support
Reuse Trending Solutions
Find, review, and download reusable Libraries, Code Snippets, Cloud APIs from over 650 million Knowledge Items
Find more librariesStay Updated
Subscribe to our newsletter for trending solutions and developer bootcamps
Share this Page