globe.gl 2.24.0 → 2.24.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +20 -22
- package/dist/globe.gl.js +11898 -13211
- package/dist/globe.gl.js.map +1 -1
- package/dist/globe.gl.min.js +4 -4
- package/example/clouds/clouds.png +0 -0
- package/example/clouds/index.html +42 -0
- package/example/clouds/preview.png +0 -0
- package/package.json +6 -6
package/README.md
CHANGED
|
@@ -3,8 +3,7 @@ Globe.GL
|
|
|
3
3
|
|
|
4
4
|
[![NPM package][npm-img]][npm-url]
|
|
5
5
|
[![Build Size][build-size-img]][build-size-url]
|
|
6
|
-
[![
|
|
7
|
-
[![jsdelivr][jsdelivr-img]][jsdelivr-url]
|
|
6
|
+
[![NPM Downloads][npm-downloads-img]][npm-downloads-url]
|
|
8
7
|
|
|
9
8
|
<p align="center">
|
|
10
9
|
<a href="//vasturiano.github.io/globe.gl/example/world-population/"><img width="48%" src="https://vasturiano.github.io/globe.gl/example/world-population/preview.png"></a>
|
|
@@ -18,7 +17,12 @@ Globe.GL
|
|
|
18
17
|
A web component to represent data visualization layers on a 3-dimensional globe in a spherical projection.
|
|
19
18
|
This library is a convenience wrapper around the [three-globe](https://github.com/vasturiano/three-globe) plugin, and uses [ThreeJS](https://github.com/mrdoob/three.js/)/WebGL for 3D rendering.
|
|
20
19
|
|
|
21
|
-
|
|
20
|
+
See also the [AR version](https://github.com/vasturiano/globe-ar).
|
|
21
|
+
|
|
22
|
+
And check out the [React bindings](https://github.com/vasturiano/react-globe.gl).
|
|
23
|
+
|
|
24
|
+
## Examples
|
|
25
|
+
|
|
22
26
|
* [Basic](https://vasturiano.github.io/globe.gl/example/basic/) ([source](https://github.com/vasturiano/globe.gl/blob/master/example/basic/index.html))
|
|
23
27
|
* [Arc Links](https://vasturiano.github.io/globe.gl/example/random-arcs/) ([source](https://github.com/vasturiano/globe.gl/blob/master/example/random-arcs/index.html))
|
|
24
28
|
* [Highlight links](https://vasturiano.github.io/globe.gl/example/airline-routes/highlight-links.html) ([source](https://github.com/vasturiano/globe.gl/blob/master/example/airline-routes/highlight-links.html))
|
|
@@ -31,6 +35,7 @@ Check out the examples:
|
|
|
31
35
|
* [Tiles](https://vasturiano.github.io/globe.gl/example/tiles/) ([source](https://github.com/vasturiano/globe.gl/blob/master/example/tiles/index.html))
|
|
32
36
|
* [Ripple Rings](https://vasturiano.github.io/globe.gl/example/random-rings/) ([source](https://github.com/vasturiano/globe.gl/blob/master/example/random-rings/index.html))
|
|
33
37
|
* [Emit Arcs on Click](https://vasturiano.github.io/globe.gl/example/emit-arcs-on-click/) ([source](https://github.com/vasturiano/globe.gl/blob/master/example/emit-arcs-on-click/index.html))
|
|
38
|
+
* [Clouds](https://vasturiano.github.io/globe.gl/example/clouds/) ([source](https://github.com/vasturiano/globe.gl/blob/master/example/clouds/index.html))
|
|
34
39
|
* [Solar Terminator](https://vasturiano.github.io/globe.gl/example/solar-terminator/) ([source](https://github.com/vasturiano/globe.gl/blob/master/example/solar-terminator/index.html))
|
|
35
40
|
* [Custom Globe Styling](https://vasturiano.github.io/globe.gl/example/custom-globe-styling/) ([source](https://github.com/vasturiano/globe.gl/blob/master/example/custom-globe-styling/index.html))
|
|
36
41
|
* [Custom Layer](https://vasturiano.github.io/globe.gl/example/custom-layer/) ([source](https://github.com/vasturiano/globe.gl/blob/master/example/custom-layer/index.html))
|
|
@@ -42,37 +47,32 @@ Check out the examples:
|
|
|
42
47
|
* [Submarine Cables](https://vasturiano.github.io/globe.gl/example/submarine-cables/index.html) ([source](https://github.com/vasturiano/globe.gl/blob/master/example/submarine-cables/index.html))
|
|
43
48
|
* [Moon Landing Sites](https://vasturiano.github.io/globe.gl/example/moon-landing-sites/index.html) ([source](https://github.com/vasturiano/globe.gl/blob/master/example/moon-landing-sites/index.html))
|
|
44
49
|
|
|
45
|
-
|
|
46
|
-
See also the [AR version](https://github.com/vasturiano/globe-ar).
|
|
47
|
-
|
|
48
|
-
And check out the [React bindings](https://github.com/vasturiano/react-globe.gl).
|
|
49
|
-
|
|
50
50
|
## Quick start
|
|
51
51
|
|
|
52
|
-
```
|
|
52
|
+
```js
|
|
53
53
|
import Globe from 'globe.gl';
|
|
54
54
|
```
|
|
55
55
|
or
|
|
56
|
-
```
|
|
56
|
+
```js
|
|
57
57
|
const Globe = require('globe.gl');
|
|
58
58
|
```
|
|
59
59
|
or even
|
|
60
|
-
```
|
|
60
|
+
```html
|
|
61
61
|
<script src="//unpkg.com/globe.gl"></script>
|
|
62
62
|
```
|
|
63
63
|
then
|
|
64
|
-
```
|
|
64
|
+
```js
|
|
65
65
|
const myGlobe = Globe();
|
|
66
|
-
myGlobe(
|
|
67
|
-
.globeImageUrl(
|
|
68
|
-
.pointsData(
|
|
66
|
+
myGlobe(myDOMElement)
|
|
67
|
+
.globeImageUrl(myImageUrl)
|
|
68
|
+
.pointsData(myData);
|
|
69
69
|
```
|
|
70
70
|
|
|
71
71
|
## API reference
|
|
72
72
|
|
|
73
73
|
### Initialisation
|
|
74
74
|
|
|
75
|
-
```
|
|
75
|
+
```js
|
|
76
76
|
Globe({ configOptions })(<domElement>)
|
|
77
77
|
```
|
|
78
78
|
|
|
@@ -367,11 +367,9 @@ Globe({ configOptions })(<domElement>)
|
|
|
367
367
|
|
|
368
368
|
[](https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=L398E7PKP47E8¤cy_code=USD&source=url) If this project has helped you and you'd like to contribute back, you can always [buy me a ☕](https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=L398E7PKP47E8¤cy_code=USD&source=url)!
|
|
369
369
|
|
|
370
|
-
[npm-img]: https://img.shields.io/npm/v/globe.gl
|
|
370
|
+
[npm-img]: https://img.shields.io/npm/v/globe.gl
|
|
371
371
|
[npm-url]: https://npmjs.org/package/globe.gl
|
|
372
|
-
[build-size-img]: https://img.shields.io/bundlephobia/minzip/globe.gl
|
|
372
|
+
[build-size-img]: https://img.shields.io/bundlephobia/minzip/globe.gl
|
|
373
373
|
[build-size-url]: https://bundlephobia.com/result?p=globe.gl
|
|
374
|
-
[
|
|
375
|
-
[
|
|
376
|
-
[jsdelivr-img]: https://data.jsdelivr.com/v1/package/npm/globe.gl/badge?style=rounded
|
|
377
|
-
[jsdelivr-url]: https://www.jsdelivr.com/package/npm/globe.gl
|
|
374
|
+
[npm-downloads-img]: https://img.shields.io/npm/dt/globe.gl
|
|
375
|
+
[npm-downloads-url]: https://www.npmtrends.com/globe.gl
|