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 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
- [![Dependencies][dependencies-img]][dependencies-url]
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
- Check out the examples:
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(<myDOMElement>)
67
- .globeImageUrl(<imageUrl>)
68
- .pointsData(<myData>);
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
  [![paypal](https://www.paypalobjects.com/en_US/i/btn/btn_donate_SM.gif)](https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=L398E7PKP47E8&currency_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&currency_code=USD&source=url)!
369
369
 
370
- [npm-img]: https://img.shields.io/npm/v/globe.gl.svg
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.svg
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
- [dependencies-img]: https://img.shields.io/david/vasturiano/globe.gl.svg
375
- [dependencies-url]: https://david-dm.org/vasturiano/globe.gl
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