json: Update JSON examples

examples/experimental/json-browser/config/templates.js

@@ -4,6 +4,7 @@ export default {
   'get-started/Dot Text (Scatterplot/TextLayer)': require('../../json-examples/dot-text.json'),
   // WEBSITE EXAMPLES AS JSON PAYLOADS
   'website/3D Heatmap (HexagonLayer)': require('../../json-examples/3d-heatmap.json'),
+  'website/3D Heatmap (with Minimap)': require('../../json-examples/3d-heatmap-minimap.json'),
   'website/GeoJSON (GeoJsonLayer)': require('../../json-examples/geojson.json'),
   'website/Line (LineLayer)': require('../../json-examples/line.json'),
   'website/Scatterplot (ScatterplotLayer)': require('../../json-examples/scatterplot.json'),

examples/experimental/json-examples/3d-heatmap-minimap.json

@@ -0,0 +1,67 @@
+{
+  "description": "The deck.gl website hexagonlayer example (with added minimap)",
+  "websiteUrl": "https://deck.gl/#/examples/core-layers/hexagon-layer",
+  "initialViewState": {
+    "longitude": -1.4157267858730052,
+    "latitude": 52.232395363869415,
+    "zoom": 6.6,
+    "minZoom": 5,
+    "maxZoom": 15,
+    "pitch": 40.5,
+    "bearing": -27.396674584323023
+  },
+  "views": [
+    {
+      "type": "MapView",
+      "id": "main",
+      "mapStyle": "mapbox://styles/mapbox/dark-v9",
+      "controller": "true"
+    },
+    {
+      "type": "MapView",
+      "id": "minimap",
+      "mapStyle": "mapbox://styles/mapbox/light-v9",
+      "width": "40%",
+      "height": "40%",
+      "x": "55%",
+      "y": "5%",
+      "clear": true,
+      "viewState": {
+        "id": "dummy",
+        "pitch": 0,
+        "bearing": 0,
+        "zoom": 4
+      },
+      "controller": {
+        "maxZoom": 4,
+        "minZoom": 4,
+        "dragRotate": false,
+        "keyboard": false
+      }
+    }
+  ],
+  "layers": [
+    {
+      "type": "HexagonLayer",
+      "id": "heatmap",
+      "data": "https://raw.githubusercontent.com/uber-common/deck.gl-data/master/examples/3d-heatmap/heatmap-data.csv",
+      "coverage": 1,
+      "elevationRange": [0, 3000],
+      "elevationScale": 50,
+      "extruded": true,
+      "getPosition": "-",
+      "opacity": 1,
+      "radius": 1000,
+      "upperPercentile": 100,
+
+      "colorRange": [
+        [1, 152, 189],
+        [73, 227, 206],
+        [216, 254, 181],
+        [254, 237, 177],
+        [254, 173, 84],
+        [209, 55, 78]
+      ]
+    }
+  ]
+}