Merge branch 'master' into felix/binary-default-true

visgl · Oct 8, 2021 · f13f2ef · f13f2ef
2 parents e111e11 + ba15e54
commit f13f2ef
Show file tree

Hide file tree

Showing 2 changed files with 78 additions and 14 deletions.
diff --git a/docs/whats-new.md b/docs/whats-new.md
@@ -4,17 +4,81 @@ This page contains highlights of each deck.gl release. Also check our [vis.gl bl
 
 ## deck.gl v8.6
 
-Release date: TBD
+Release date: October 11, 2021
 
 ### Google Maps + deck.gl
 
 #### @deck.gl/googlemaps
 
+<table style="border: 0;" align="center">
+  <tbody>
+    <tr>
+      <td>
+        <!-- TODO host images on deck.gl-data -->
+        <img style="max-height:200px" src="https://user-images.githubusercontent.com/453755/136397290-495fae68-a26c-47f0-9526-b46d6bd03e39.png" />
+        <p><i>H3HexagonLayer overlay</i></p>
+      </td>
+      <td>
+        <img style="max-height:200px" src="https://user-images.githubusercontent.com/453755/136398923-e4f034c6-683c-493e-aea4-778983e673e8.png" />
+        <p><i>ArcLayer overlay</i></p>
+      </td>
+      <td>
+        <img style="max-height:200px" src="https://user-images.githubusercontent.com/453755/136398935-ec42ad8b-3ddb-4e1c-8d90-288a8a9e7c7e.png" />
+        <p><i>ScenegraphLayer overlay</i></p>
+      </td>
+    </tr>
+  </tbody>
+</table>
+
 [Vector rendering](https://developers.google.com/maps/documentation/javascript/vector-map) of Google Maps is now supported in by the [GoogleMapsOverlay class](/docs/api-reference/google-maps/google-maps-overlay.md), providing the following enhancements:
 
-- Shared 3D space: objects drawn by the `GoogleMapsOverlay` class appear inside the Google Maps scene, correctly intersecting with 3D buildings and behind the contextual labels drawn by Google Maps
-- Tilting and rotating the view is supported
-- Rendering uses the same WebGL context as Google Maps, improving performance
+* Shared 3D space: objects drawn by the `GoogleMapsOverlay` class appear inside the Google Maps scene, correctly intersecting with 3D buildings and behind the contextual labels drawn by Google Maps.
+* Tilting and rotating the view is supported.
+* Rendering uses the same WebGL context as Google Maps, improving performance.
+
+### Layer Enhancements
+
+#### CartoLayer
+
+New `geoColumn` and `columns` props enable more granular data fetching from CARTO backend.
+
+#### ColumnLayer & GridCellLayer
+
+Added `radiusUnits` prop.
+
+#### H3HexagonLayer
+
+The layer now automatically chooses whether to use high-precision rendering if an edge case is detected in the source data.
+
+#### HeatmapLayer
+
+Two new props are added:
+
+* `weightsTextureSize` specifies the size of weight texture, enabling tuning between performance and accuracy.
+* `debounceTimeout` is an interval in milliseconds during which changes to the viewport don't trigger aggregation.
+
+#### MVTLayer
+
+Auto highlighting now also works when `binary` is set to `true`.
+
+#### Scatterplot & GeoJsonLayer 
+
+Circles are now rendered with antialiasing (configurable with the `antialiasing` prop).
+
+### Other Improvements
+
+#### OrthographicView
+
+It is now possible to independently control the zoom of the X and Y axes.
+
+* The `zoom` prop of the `OrthographicView` now also supports an `[x, y]` Array to specify independent zoom levels.
+* A `zoomAxis` prop is added to the `OrthographicController` to restrict zooming to the X or Y axes.
+
+#### Web Mercator
+
+Meter sizes are now correctly calculated based on the latitude of the point being drawn (previously was based on the center point of the viewport).
+
+A new `projectionMatrix` prop allows overriding of the Matrix that would otherwise be created from the other props ([details](docs/api-reference/core/web-mercator-viewport.md)).
 
 ## deck.gl v8.5
 

diff --git a/website/src/examples/google-maps.js b/website/src/examples/google-maps.js
@@ -1,26 +1,26 @@
 import React, {Component, createRef} from 'react';
 import {GITHUB_TREE} from '../constants/defaults';
-import {renderToDOM} from 'website-examples/election/app';
+import {renderToDOM} from 'website-examples/google-3d/app';
 
 import makeExample from '../components/example';
 
 class GoogleMapsDemo extends Component {
-  static title = 'US Presidential Election 2000-2016';
-
-  static code = `${GITHUB_TREE}/examples/website/google-3d`;
+  static title = 'Animated Truck Routes';
 
-  static parameters = {
-    year: {displayName: 'Year', type: 'range', value: 2016, step: 4, min: 2000, max: 2016}
-  };
+  static code = `${GITHUB_TREE}/examples/website/google-3d`;
 
   static renderInfo(meta) {
     return (
       <div>
         <p>Interleaving 3D layers with Google Maps</p>
 
-        <p><a href="https://sketchfab.com/3d-models/low-poly-truck-98826ebd44e2492298ac925461509216">Low Poly Truck</a>
-        model by <a href="https://sketchfab.com/Arifido._">Arifido._</a>
-        licensed under <a href="http://creativecommons.org/licenses/by/4.0/">CC-BY-4.0</a></p>
+        <p>
+          <a href="https://sketchfab.com/3d-models/low-poly-truck-98826ebd44e2492298ac925461509216">
+            Low Poly Truck
+          </a>{' '}
+          model by <a href="https://sketchfab.com/Arifido._">Arifido._</a> licensed under{' '}
+          <a href="http://creativecommons.org/licenses/by/4.0/">CC-BY-4.0</a>
+        </p>
       </div>
     );
   }