@gisatcz/deckgl-geolib 1.11.1-dev.0 → 1.11.1-dev.1
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/package.json
CHANGED
|
@@ -39,6 +39,9 @@ const cogLayer = new CogBitmapLayer(
|
|
|
39
39
|
}
|
|
40
40
|
);
|
|
41
41
|
```
|
|
42
|
+
|
|
43
|
+
<img src = "/images/cogBitmapLayer_rgb.jpg" width = "50%" alt="COG bitmap RGB image.">
|
|
44
|
+
|
|
42
45
|
Display the second channel as a heatmap with data from 0 to 1000
|
|
43
46
|
- Currently, when `useAutoRange` is `true`, min and max data value for each image is calculated separately, thus it is recommended to set min and max values in `colorScaleValueRange`.
|
|
44
47
|
|
|
@@ -65,13 +68,15 @@ const cogLayer = new CogBitmapLayer(
|
|
|
65
68
|
isTiled: true,
|
|
66
69
|
cogBitmapOptions: {
|
|
67
70
|
type: 'image',
|
|
68
|
-
colorScaleValueRange: [
|
|
71
|
+
colorScaleValueRange: [100, 200, 300]
|
|
69
72
|
useChannel: 1,
|
|
70
73
|
useHeatmap: true,
|
|
71
|
-
colorScale: ['
|
|
74
|
+
colorScale: ['yellow', '#20908d', [68, 1, 84]]
|
|
72
75
|
}
|
|
73
76
|
);
|
|
74
77
|
```
|
|
78
|
+
<img src = "/images/cogBitmapLayer_customColor.jpg" width = "50%" alt="COG bitmap image with custom color scale.">
|
|
79
|
+
|
|
75
80
|
Display the third channel as a green color and only show data from 100 to 200, the clipped data should be visualized with yellow color
|
|
76
81
|
```typescript
|
|
77
82
|
const cogLayer = new CogBitmapLayer(
|
|
@@ -84,11 +89,13 @@ const cogLayer = new CogBitmapLayer(
|
|
|
84
89
|
useSingleColor: true,
|
|
85
90
|
clipLow: 100,
|
|
86
91
|
clipHigh: 200,
|
|
87
|
-
color: [
|
|
92
|
+
color: [32, 144, 81, 255],
|
|
88
93
|
clippedColor: 'yellow'
|
|
89
94
|
}
|
|
90
95
|
);
|
|
91
96
|
```
|
|
97
|
+
<img src = "/images/cogBitmapLayer_clip.jpg" width = "50%" alt="COG bitmap image with clipped areas.">
|
|
98
|
+
|
|
92
99
|
<a name='assigning-color-to-specific-data-value'></a>
|
|
93
100
|
Assign color to specific data values
|
|
94
101
|
```typescript
|
|
@@ -40,6 +40,9 @@ const cogLayer = new CogTerrainLayer(
|
|
|
40
40
|
}
|
|
41
41
|
);
|
|
42
42
|
```
|
|
43
|
+
|
|
44
|
+
<img src = "/images/cogTerrainLayer.jpg" width = "50%" alt="COG terrain visualization.">
|
|
45
|
+
|
|
43
46
|
Display multiplied terrain with custom skirt height
|
|
44
47
|
(height of individual tiles edges, so there are no white spaces between individual 3D tiles) and defined minimal terrain value.
|
|
45
48
|
```typescript
|
|
@@ -101,6 +104,9 @@ const cogLayer = new CogTerrainLayer(
|
|
|
101
104
|
'tile-service.com/{z}/{x}/{y}.png'
|
|
102
105
|
)
|
|
103
106
|
```
|
|
107
|
+
|
|
108
|
+
<img src = "/images/cogTerrainLayer_overlay.jpg" width = "50%" alt="COG terrain visualization with satellite imagery overlay.">
|
|
109
|
+
|
|
104
110
|
Display terrain with stylized COG overlay
|
|
105
111
|
```typescript
|
|
106
112
|
const cogLayer = new CogTerrainLayer(
|