react-globe.gl 2.27.5 → 2.28.0
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 +3 -3
- package/dist/react-globe.gl.d.ts +5 -5
- package/dist/react-globe.gl.js +47438 -60846
- package/dist/react-globe.gl.js.map +1 -1
- package/dist/react-globe.gl.min.js +5 -5
- package/package.json +4 -4
package/README.md
CHANGED
|
@@ -110,8 +110,8 @@ ReactDOM.render(
|
|
|
110
110
|
|
|
111
111
|
| Prop | Type | Default | Description |
|
|
112
112
|
| --- | :--: | :--: | --- |
|
|
113
|
-
| <b>globeImageUrl</b> | <i>string</i>| *-* | URL of the image used in the material that wraps the globe. If no image is provided, the globe is represented as a black sphere. |
|
|
114
|
-
| <b>bumpImageUrl</b> | <i>string</i>| *-* | URL of the image used to create a [bump map](https://threejs.org/docs/#api/en/materials/MeshStandardMaterial.bumpMap) in the material, to represent the globe's terrain. |
|
|
113
|
+
| <b>globeImageUrl</b> | <i>string</i>| *-* | URL of the image used in the material that wraps the globe. This image should follow an [equirectangular projection](https://en.wikipedia.org/wiki/Equirectangular_projection). If no image is provided, the globe is represented as a black sphere. |
|
|
114
|
+
| <b>bumpImageUrl</b> | <i>string</i>| *-* | URL of the image used to create a [bump map](https://threejs.org/docs/#api/en/materials/MeshStandardMaterial.bumpMap) in the material, to represent the globe's terrain. This image should follow an [equirectangular projection](https://en.wikipedia.org/wiki/Equirectangular_projection). |
|
|
115
115
|
| <b>showGlobe</b> | <i>bool</i> | `true` | Whether to show the globe surface itself. |
|
|
116
116
|
| <b>showGraticules</b> | <i>bool</i> | `false` | Whether to show a graticule grid demarking latitude and longitude lines at every 10 degrees. |
|
|
117
117
|
| <b>showAtmosphere</b> | <i>bool</i> | `true` | Whether to show a bright halo surrounding the globe, representing the atmosphere. |
|
|
@@ -235,7 +235,7 @@ ReactDOM.render(
|
|
|
235
235
|
| <b>heatmapPointLat</b> | <i>number</i>, <i>string</i> or <i>func</i> | `arr => arr[0]` | Heatmap point object accessor function, attribute or a numeric constant for the latitude coordinate. |
|
|
236
236
|
| <b>heatmapPointLng</b> | <i>number</i>, <i>string</i> or <i>func</i> | `arr => arr[1]` | Heatmap point object accessor function, attribute or a numeric constant for the longitude coordinate. |
|
|
237
237
|
| <b>heatmapPointWeight</b> | <i>number</i>, <i>string</i> or <i>func</i> | 1 | Heatmap point object accessor function, attribute or a numeric constant for the weight of the point. The weight of a point determines its influence on the density of the surrounding area. |
|
|
238
|
-
| <b>heatmapBandwidth</b> | <i>number</i>, <i>string</i> or <i>func</i> |
|
|
238
|
+
| <b>heatmapBandwidth</b> | <i>number</i>, <i>string</i> or <i>func</i> | 2.5 | Heatmap object accessor function, attribute or a numeric constant for the heatmap bandwidth, in angular degrees. The bandwidth is an internal parameter of the [Gaussian kernel function](https://en.wikipedia.org/wiki/Gaussian_function) and defines how localized is the influence of a point on distant locations. A narrow bandwidth leads to a more spiky representation, while a broad one has smoother curves. |
|
|
239
239
|
| <b>heatmapColorFn</b> | <i>string</i> or <i>func</i> | [Turbo colormap](https://blog.research.google/2019/08/turbo-improved-rainbow-colormap-for.html) interpolator with fading opacity | Heatmap object accessor function or attribute for the color interpolator function to represent density in the heatmap. This function should receive a number between `0` and `1` (or potentially higher if saturation > 1), and return a color string. |
|
|
240
240
|
| <b>heatmapColorSaturation</b> | <i>number</i>, <i>string</i> or <i>func</i> | 1.5 | Heatmap object accessor function, attribute or a numeric constant for the color scale saturation. The saturation is a multiplier of the normalized density value (`[0,1]`) before passing it to the color interpolation function. It can be used to dampen outlier peaks in density and bring the data floor into view. |
|
|
241
241
|
| <b>heatmapBaseAltitude</b> | <i>number</i>, <i>string</i> or <i>func</i> | 0.01 | Heatmap object accessor function, attribute or a numeric constant for the heatmap base floor altitude in terms of globe radius units (`0` = 0 altitude, `1` = globe radius). |
|
package/dist/react-globe.gl.d.ts
CHANGED
|
@@ -2,7 +2,7 @@ import * as React from 'react';
|
|
|
2
2
|
import { Material, Object3D, Light, Scene, Camera, WebGLRenderer } from 'three';
|
|
3
3
|
import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js';
|
|
4
4
|
import { EffectComposer } from 'three/examples/jsm/postprocessing/EffectComposer.js';
|
|
5
|
-
import { ConfigOptions
|
|
5
|
+
import GlobeKapsule, { ConfigOptions } from 'globe.gl';
|
|
6
6
|
|
|
7
7
|
type Accessor<In, Out> = Out | string | ((obj: In) => Out);
|
|
8
8
|
type ObjAccessor<T> = Accessor<object, T>;
|
|
@@ -269,11 +269,11 @@ interface GlobeProps extends ConfigOptions {
|
|
|
269
269
|
interface GlobeMethods {
|
|
270
270
|
// Render control
|
|
271
271
|
pointOfView(): GeoCoords;
|
|
272
|
-
pointOfView(pov: { lat?: number, lng?: number, altitude?: number }, transitionMs?: number):
|
|
273
|
-
pauseAnimation():
|
|
274
|
-
resumeAnimation():
|
|
272
|
+
pointOfView(pov: { lat?: number, lng?: number, altitude?: number }, transitionMs?: number): GlobeKapsule;
|
|
273
|
+
pauseAnimation(): GlobeKapsule;
|
|
274
|
+
resumeAnimation(): GlobeKapsule;
|
|
275
275
|
lights(): Light[];
|
|
276
|
-
lights(lights: Light[]):
|
|
276
|
+
lights(lights: Light[]): GlobeKapsule;
|
|
277
277
|
scene(): Scene;
|
|
278
278
|
camera(): Camera;
|
|
279
279
|
renderer(): WebGLRenderer;
|