@deck.gl/geo-layers 8.7.0 → 8.7.3

package/package.json

@@ -2,7 +2,7 @@
   "name": "@deck.gl/geo-layers",
   "description": "deck.gl layers supporting geospatial use cases and GIS formats",
   "license": "MIT",
-  "version": "8.7.0",
+  "version": "8.7.3",
   "publishConfig": {
     "access": "public"
   },
@@ -49,5 +49,5 @@
     "@deck.gl/mesh-layers": "^8.0.0",
     "@loaders.gl/core": "^3.0.0"
   },
-  "gitHead": "69cc7100ab41c1f074468ea80c1ca8472d4a6146"
+  "gitHead": "72504c7acaeaf6862fb85acfa8ea3369d1a6875f"
 }

package/src/mvt-layer/mvt-layer.js

@@ -15,6 +15,7 @@ import {GeoJsonLayer} from '@deck.gl/layers';
 const WORLD_SIZE = 512;
 
 const defaultProps = {
+  ...GeoJsonLayer.defaultProps,
   uniqueIdProperty: {type: 'string', value: ''},
   highlightedFeatureId: null,
   loaders: [MVTWorkerLoader],
@@ -24,7 +25,10 @@ const defaultProps = {
 export default class MVTLayer extends TileLayer {
   initializeState() {
     super.initializeState();
+    // GlobeView doesn't work well with binary data
+    const binary = this.context.viewport.resolution !== undefined ? false : this.props.binary;
     this.setState({
+      binary,
       data: null,
       tileJSON: null
     });
@@ -110,7 +114,8 @@ export default class MVTLayer extends TileLayer {
       return Promise.reject('Invalid URL');
     }
     let loadOptions = this.getLoadOptions();
-    const {binary, fetch} = this.props;
+    const {binary} = this.state;
+    const {fetch} = this.props;
     const {signal, x, y, z} = tile;
     loadOptions = {
       ...loadOptions,
@@ -152,7 +157,7 @@ export default class MVTLayer extends TileLayer {
 
     const subLayers = super.renderSubLayers(props);
 
-    if (this.props.binary && !(subLayers instanceof GeoJsonLayer)) {
+    if (this.state.binary && !(subLayers instanceof GeoJsonLayer)) {
       log.warn('renderSubLayers() must return GeoJsonLayer when using binary:true')();
     }
 
@@ -193,7 +198,7 @@ export default class MVTLayer extends TileLayer {
 
     const isWGS84 = this.context.viewport.resolution;
 
-    if (this.props.binary && info.index !== -1) {
+    if (this.state.binary && info.index !== -1) {
       const {data} = params.sourceLayer.props;
       info.object = binaryToGeojson(data, {globalFeatureId: info.index});
     }
@@ -212,8 +217,8 @@ export default class MVTLayer extends TileLayer {
   }
 
   getHighlightedObjectIndex(tile) {
-    const {hoveredFeatureId, hoveredFeatureLayerName} = this.state;
-    const {uniqueIdProperty, highlightedFeatureId, binary} = this.props;
+    const {hoveredFeatureId, hoveredFeatureLayerName, binary} = this.state;
+    const {uniqueIdProperty, highlightedFeatureId} = this.props;
     const data = tile.content;
 
     const isHighlighted = isFeatureIdDefined(highlightedFeatureId);
@@ -293,7 +298,7 @@ export default class MVTLayer extends TileLayer {
               return null;
             }
 
-            if (this.props.binary && Array.isArray(tile.content) && !tile.content.length) {
+            if (this.state.binary && Array.isArray(tile.content) && !tile.content.length) {
               // TODO: @loaders.gl/mvt returns [] when no content. It should return a valid empty binary.
               // https://github.com/visgl/loaders.gl/pull/1137
               return [];
@@ -301,7 +306,7 @@ export default class MVTLayer extends TileLayer {
 
             if (tile._contentWGS84 === undefined) {
               // Create a cache to transform only once
-              const content = this.props.binary ? binaryToGeojson(tile.content) : tile.content;
+              const content = this.state.binary ? binaryToGeojson(tile.content) : tile.content;
               tile._contentWGS84 = content.map(feature =>
                 transformTileCoordsToWGS84(feature, tile.bbox, this.context.viewport)
               );