@deck.gl/geo-layers 8.10.0-alpha.4 → 8.10.0-alpha.6

package/dist/es5/tile-3d-layer/tile-3d-layer.js

@@ -9,22 +9,20 @@ exports.default = void 0;
 
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _core = require("@luma.gl/core");
 
 var _core2 = require("@deck.gl/core");
@@ -97,409 +95,395 @@ var Tile3DLayer = function (_CompositeLayer) {
     }
 
     _this = _super.call.apply(_super, [this].concat(args));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", void 0);
+    _this.state = void 0;
     return _this;
   }
 
-  (0, _createClass2.default)(Tile3DLayer, [{
-    key: "initializeState",
-    value: function initializeState() {
-      if ('onTileLoadFail' in this.props) {
-        _core2.log.removed('onTileLoadFail', 'onTileError')();
-      }
+  var _proto = Tile3DLayer.prototype;
 
-      this.state = {
-        layerMap: {},
-        tileset3d: null,
-        activeViewports: {},
-        lastUpdatedViewports: null
-      };
+  _proto.initializeState = function initializeState() {
+    if ('onTileLoadFail' in this.props) {
+      _core2.log.removed('onTileLoadFail', 'onTileError')();
     }
-  }, {
-    key: "isLoaded",
-    get: function get() {
-      var tileset3d = this.state.tileset3d;
-      return tileset3d !== null && tileset3d.isLoaded();
-    }
-  }, {
-    key: "shouldUpdateState",
-    value: function shouldUpdateState(_ref) {
-      var changeFlags = _ref.changeFlags;
-      return changeFlags.somethingChanged;
+
+    this.state = {
+      layerMap: {},
+      tileset3d: null,
+      activeViewports: {},
+      lastUpdatedViewports: null
+    };
+  };
+
+  _proto.shouldUpdateState = function shouldUpdateState(_ref) {
+    var changeFlags = _ref.changeFlags;
+    return changeFlags.somethingChanged;
+  };
+
+  _proto.updateState = function updateState(_ref2) {
+    var props = _ref2.props,
+        oldProps = _ref2.oldProps,
+        changeFlags = _ref2.changeFlags;
+
+    if (props.data && props.data !== oldProps.data) {
+      this._loadTileset(props.data);
     }
-  }, {
-    key: "updateState",
-    value: function updateState(_ref2) {
-      var props = _ref2.props,
-          oldProps = _ref2.oldProps,
-          changeFlags = _ref2.changeFlags;
-
-      if (props.data && props.data !== oldProps.data) {
-        this._loadTileset(props.data);
-      }
 
-      if (changeFlags.viewportChanged) {
-        var activeViewports = this.state.activeViewports;
-        var viewportsNumber = Object.keys(activeViewports).length;
+    if (changeFlags.viewportChanged) {
+      var activeViewports = this.state.activeViewports;
+      var viewportsNumber = Object.keys(activeViewports).length;
 
-        if (viewportsNumber) {
-          this._updateTileset(activeViewports);
+      if (viewportsNumber) {
+        this._updateTileset(activeViewports);
 
-          this.state.lastUpdatedViewports = activeViewports;
-          this.state.activeViewports = {};
-        }
+        this.state.lastUpdatedViewports = activeViewports;
+        this.state.activeViewports = {};
       }
+    }
 
-      if (changeFlags.propsChanged) {
-        var layerMap = this.state.layerMap;
+    if (changeFlags.propsChanged) {
+      var layerMap = this.state.layerMap;
 
-        for (var key in layerMap) {
-          layerMap[key].needsUpdate = true;
-        }
+      for (var key in layerMap) {
+        layerMap[key].needsUpdate = true;
       }
     }
-  }, {
-    key: "activateViewport",
-    value: function activateViewport(viewport) {
-      var _this$state = this.state,
-          activeViewports = _this$state.activeViewports,
-          lastUpdatedViewports = _this$state.lastUpdatedViewports;
-      this.internalState.viewport = viewport;
-      activeViewports[viewport.id] = viewport;
-      var lastViewport = lastUpdatedViewports === null || lastUpdatedViewports === void 0 ? void 0 : lastUpdatedViewports[viewport.id];
-
-      if (!lastViewport || !viewport.equals(lastViewport)) {
-        this.setChangeFlags({
-          viewportChanged: true
-        });
-        this.setNeedsUpdate();
-      }
+  };
+
+  _proto.activateViewport = function activateViewport(viewport) {
+    var _this$state = this.state,
+        activeViewports = _this$state.activeViewports,
+        lastUpdatedViewports = _this$state.lastUpdatedViewports;
+    this.internalState.viewport = viewport;
+    activeViewports[viewport.id] = viewport;
+    var lastViewport = lastUpdatedViewports === null || lastUpdatedViewports === void 0 ? void 0 : lastUpdatedViewports[viewport.id];
+
+    if (!lastViewport || !viewport.equals(lastViewport)) {
+      this.setChangeFlags({
+        viewportChanged: true
+      });
+      this.setNeedsUpdate();
     }
-  }, {
-    key: "getPickingInfo",
-    value: function getPickingInfo(_ref3) {
-      var info = _ref3.info,
-          sourceLayer = _ref3.sourceLayer;
-      var sourceTile = sourceLayer && sourceLayer.props.tile;
-
-      if (info.picked) {
-        info.object = sourceTile;
-      }
+  };
 
-      info.sourceTile = sourceTile;
-      return info;
-    }
-  }, {
-    key: "filterSubLayer",
-    value: function filterSubLayer(_ref4) {
-      var layer = _ref4.layer,
-          viewport = _ref4.viewport;
-      var _ref5 = layer.props,
-          tile = _ref5.tile;
-      var viewportId = viewport.id;
-      return tile.selected && tile.viewportIds.includes(viewportId);
+  _proto.getPickingInfo = function getPickingInfo(_ref3) {
+    var info = _ref3.info,
+        sourceLayer = _ref3.sourceLayer;
+    var sourceTile = sourceLayer && sourceLayer.props.tile;
+
+    if (info.picked) {
+      info.object = sourceTile;
     }
-  }, {
-    key: "_updateAutoHighlight",
-    value: function _updateAutoHighlight(info) {
-      var sourceTile = info.sourceTile;
-      var layerCache = this.state.layerMap[sourceTile === null || sourceTile === void 0 ? void 0 : sourceTile.id];
-
-      if (layerCache && layerCache.layer) {
-        layerCache.layer.updateAutoHighlight(info);
-      }
+
+    info.sourceTile = sourceTile;
+    return info;
+  };
+
+  _proto.filterSubLayer = function filterSubLayer(_ref4) {
+    var layer = _ref4.layer,
+        viewport = _ref4.viewport;
+    var _ref5 = layer.props,
+        tile = _ref5.tile;
+    var viewportId = viewport.id;
+    return tile.selected && tile.viewportIds.includes(viewportId);
+  };
+
+  _proto._updateAutoHighlight = function _updateAutoHighlight(info) {
+    var sourceTile = info.sourceTile;
+    var layerCache = this.state.layerMap[sourceTile === null || sourceTile === void 0 ? void 0 : sourceTile.id];
+
+    if (layerCache && layerCache.layer) {
+      layerCache.layer.updateAutoHighlight(info);
     }
-  }, {
-    key: "_loadTileset",
-    value: function () {
-      var _loadTileset2 = (0, _asyncToGenerator2.default)(_regenerator.default.mark(function _callee(tilesetUrl) {
-        var _this$props$loadOptio, loadOptions, loader, options, actualTilesetUrl, preloadOptions, tilesetJson, tileset3d;
-
-        return _regenerator.default.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                _this$props$loadOptio = this.props.loadOptions, loadOptions = _this$props$loadOptio === void 0 ? {} : _this$props$loadOptio;
-                loader = this.props.loader || this.props.loaders;
-
-                if (Array.isArray(loader)) {
-                  loader = loader[0];
-                }
-
-                options = {
-                  loadOptions: _objectSpread({}, loadOptions)
-                };
-                actualTilesetUrl = tilesetUrl;
-
-                if (!loader.preload) {
-                  _context.next = 12;
-                  break;
-                }
-
-                _context.next = 8;
-                return loader.preload(tilesetUrl, loadOptions);
-
-              case 8:
-                preloadOptions = _context.sent;
-
-                if (preloadOptions.url) {
-                  actualTilesetUrl = preloadOptions.url;
-                }
-
-                if (preloadOptions.headers) {
-                  options.loadOptions.fetch = _objectSpread(_objectSpread({}, options.loadOptions.fetch), {}, {
-                    headers: preloadOptions.headers
-                  });
-                }
-
-                Object.assign(options, preloadOptions);
-
-              case 12:
-                _context.next = 14;
-                return (0, _core3.load)(actualTilesetUrl, loader, options.loadOptions);
-
-              case 14:
-                tilesetJson = _context.sent;
-                tileset3d = new _tiles.Tileset3D(tilesetJson, _objectSpread({
-                  onTileLoad: this._onTileLoad.bind(this),
-                  onTileUnload: this._onTileUnload.bind(this),
-                  onTileError: this.props.onTileError
-                }, options));
-                this.setState({
-                  tileset3d: tileset3d,
-                  layerMap: {}
+  };
+
+  _proto._loadTileset = function () {
+    var _loadTileset2 = (0, _asyncToGenerator2.default)(_regenerator.default.mark(function _callee(tilesetUrl) {
+      var _this$props$loadOptio, loadOptions, loader, options, actualTilesetUrl, preloadOptions, tilesetJson, tileset3d;
+
+      return _regenerator.default.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              _this$props$loadOptio = this.props.loadOptions, loadOptions = _this$props$loadOptio === void 0 ? {} : _this$props$loadOptio;
+              loader = this.props.loader || this.props.loaders;
+
+              if (Array.isArray(loader)) {
+                loader = loader[0];
+              }
+
+              options = {
+                loadOptions: _objectSpread({}, loadOptions)
+              };
+              actualTilesetUrl = tilesetUrl;
+
+              if (!loader.preload) {
+                _context.next = 12;
+                break;
+              }
+
+              _context.next = 8;
+              return loader.preload(tilesetUrl, loadOptions);
+
+            case 8:
+              preloadOptions = _context.sent;
+
+              if (preloadOptions.url) {
+                actualTilesetUrl = preloadOptions.url;
+              }
+
+              if (preloadOptions.headers) {
+                options.loadOptions.fetch = _objectSpread(_objectSpread({}, options.loadOptions.fetch), {}, {
+                  headers: preloadOptions.headers
                 });
+              }
 
-                this._updateTileset(this.state.activeViewports);
+              Object.assign(options, preloadOptions);
 
-                this.props.onTilesetLoad(tileset3d);
+            case 12:
+              _context.next = 14;
+              return (0, _core3.load)(actualTilesetUrl, loader, options.loadOptions);
 
-              case 19:
-              case "end":
-                return _context.stop();
-            }
-          }
-        }, _callee, this);
-      }));
+            case 14:
+              tilesetJson = _context.sent;
+              tileset3d = new _tiles.Tileset3D(tilesetJson, _objectSpread({
+                onTileLoad: this._onTileLoad.bind(this),
+                onTileUnload: this._onTileUnload.bind(this),
+                onTileError: this.props.onTileError
+              }, options));
+              this.setState({
+                tileset3d: tileset3d,
+                layerMap: {}
+              });
 
-      function _loadTileset(_x) {
-        return _loadTileset2.apply(this, arguments);
-      }
+              this._updateTileset(this.state.activeViewports);
 
-      return _loadTileset;
-    }()
-  }, {
-    key: "_onTileLoad",
-    value: function _onTileLoad(tileHeader) {
-      var lastUpdatedViewports = this.state.lastUpdatedViewports;
-      this.props.onTileLoad(tileHeader);
+              this.props.onTilesetLoad(tileset3d);
 
-      this._updateTileset(lastUpdatedViewports);
+            case 19:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee, this);
+    }));
 
-      this.setNeedsUpdate();
-    }
-  }, {
-    key: "_onTileUnload",
-    value: function _onTileUnload(tileHeader) {
-      delete this.state.layerMap[tileHeader.id];
-      this.props.onTileUnload(tileHeader);
+    function _loadTileset(_x) {
+      return _loadTileset2.apply(this, arguments);
     }
-  }, {
-    key: "_updateTileset",
-    value: function _updateTileset(viewports) {
-      var _this2 = this;
 
-      if (!viewports) {
-        return;
-      }
+    return _loadTileset;
+  }();
 
-      var tileset3d = this.state.tileset3d;
-      var timeline = this.context.timeline;
-      var viewportsNumber = Object.keys(viewports).length;
+  _proto._onTileLoad = function _onTileLoad(tileHeader) {
+    var lastUpdatedViewports = this.state.lastUpdatedViewports;
+    this.props.onTileLoad(tileHeader);
 
-      if (!timeline || !viewportsNumber || !tileset3d) {
-        return;
-      }
+    this._updateTileset(lastUpdatedViewports);
 
-      tileset3d.selectTiles(Object.values(viewports)).then(function (frameNumber) {
-        var tilesetChanged = _this2.state.frameNumber !== frameNumber;
+    this.setNeedsUpdate();
+  };
 
-        if (tilesetChanged) {
-          _this2.setState({
-            frameNumber: frameNumber
-          });
-        }
-      });
-    }
-  }, {
-    key: "_getSubLayer",
-    value: function _getSubLayer(tileHeader, oldLayer) {
-      if (!tileHeader.content) {
-        return null;
-      }
+  _proto._onTileUnload = function _onTileUnload(tileHeader) {
+    delete this.state.layerMap[tileHeader.id];
+    this.props.onTileUnload(tileHeader);
+  };
 
-      switch (tileHeader.type) {
-        case _tiles.TILE_TYPE.POINTCLOUD:
-          return this._makePointCloudLayer(tileHeader, oldLayer);
+  _proto._updateTileset = function _updateTileset(viewports) {
+    var _this2 = this;
 
-        case _tiles.TILE_TYPE.SCENEGRAPH:
-          return this._make3DModelLayer(tileHeader);
+    if (!viewports) {
+      return;
+    }
 
-        case _tiles.TILE_TYPE.MESH:
-          return this._makeSimpleMeshLayer(tileHeader, oldLayer);
+    var tileset3d = this.state.tileset3d;
+    var timeline = this.context.timeline;
+    var viewportsNumber = Object.keys(viewports).length;
 
-        default:
-          throw new Error("Tile3DLayer: Failed to render layer of type ".concat(tileHeader.content.type));
-      }
+    if (!timeline || !viewportsNumber || !tileset3d) {
+      return;
     }
-  }, {
-    key: "_makePointCloudLayer",
-    value: function _makePointCloudLayer(tileHeader, oldLayer) {
-      var _tileHeader$content = tileHeader.content,
-          attributes = _tileHeader$content.attributes,
-          pointCount = _tileHeader$content.pointCount,
-          constantRGBA = _tileHeader$content.constantRGBA,
-          cartographicOrigin = _tileHeader$content.cartographicOrigin,
-          modelMatrix = _tileHeader$content.modelMatrix;
-      var positions = attributes.positions,
-          normals = attributes.normals,
-          colors = attributes.colors;
-
-      if (!positions) {
-        return null;
+
+    tileset3d.selectTiles(Object.values(viewports)).then(function (frameNumber) {
+      var tilesetChanged = _this2.state.frameNumber !== frameNumber;
+
+      if (tilesetChanged) {
+        _this2.setState({
+          frameNumber: frameNumber
+        });
       }
+    });
+  };
 
-      var data = oldLayer && oldLayer.props.data || {
-        header: {
-          vertexCount: pointCount
-        },
-        attributes: {
-          POSITION: positions,
-          NORMAL: normals,
-          COLOR_0: colors
-        }
-      };
-      var _this$props = this.props,
-          pointSize = _this$props.pointSize,
-          getPointColor = _this$props.getPointColor;
-      var SubLayerClass = this.getSubLayerClass('pointcloud', _layers.PointCloudLayer);
-      return new SubLayerClass({
-        pointSize: pointSize
-      }, this.getSubLayerProps({
-        id: 'pointcloud'
-      }), {
-        id: "".concat(this.id, "-pointcloud-").concat(tileHeader.id),
-        tile: tileHeader,
-        data: data,
-        coordinateSystem: _core2.COORDINATE_SYSTEM.METER_OFFSETS,
-        coordinateOrigin: cartographicOrigin,
-        modelMatrix: modelMatrix,
-        getColor: constantRGBA || getPointColor,
-        _offset: 0
-      });
+  _proto._getSubLayer = function _getSubLayer(tileHeader, oldLayer) {
+    if (!tileHeader.content) {
+      return null;
     }
-  }, {
-    key: "_make3DModelLayer",
-    value: function _make3DModelLayer(tileHeader) {
-      var _tileHeader$content2 = tileHeader.content,
-          gltf = _tileHeader$content2.gltf,
-          instances = _tileHeader$content2.instances,
-          cartographicOrigin = _tileHeader$content2.cartographicOrigin,
-          modelMatrix = _tileHeader$content2.modelMatrix;
-      var SubLayerClass = this.getSubLayerClass('scenegraph', _meshLayers.ScenegraphLayer);
-      return new SubLayerClass({
-        _lighting: 'pbr'
-      }, this.getSubLayerProps({
-        id: 'scenegraph'
-      }), {
-        id: "".concat(this.id, "-scenegraph-").concat(tileHeader.id),
-        tile: tileHeader,
-        data: instances || SINGLE_DATA,
-        scenegraph: gltf,
-        coordinateSystem: _core2.COORDINATE_SYSTEM.METER_OFFSETS,
-        coordinateOrigin: cartographicOrigin,
-        modelMatrix: modelMatrix,
-        getTransformMatrix: function getTransformMatrix(instance) {
-          return instance.modelMatrix;
-        },
-        getPosition: [0, 0, 0],
-        _offset: 0
-      });
+
+    switch (tileHeader.type) {
+      case _tiles.TILE_TYPE.POINTCLOUD:
+        return this._makePointCloudLayer(tileHeader, oldLayer);
+
+      case _tiles.TILE_TYPE.SCENEGRAPH:
+        return this._make3DModelLayer(tileHeader);
+
+      case _tiles.TILE_TYPE.MESH:
+        return this._makeSimpleMeshLayer(tileHeader, oldLayer);
+
+      default:
+        throw new Error("Tile3DLayer: Failed to render layer of type ".concat(tileHeader.content.type));
     }
-  }, {
-    key: "_makeSimpleMeshLayer",
-    value: function _makeSimpleMeshLayer(tileHeader, oldLayer) {
-      var content = tileHeader.content;
-      var attributes = content.attributes,
-          indices = content.indices,
-          modelMatrix = content.modelMatrix,
-          cartographicOrigin = content.cartographicOrigin,
-          _content$coordinateSy = content.coordinateSystem,
-          coordinateSystem = _content$coordinateSy === void 0 ? _core2.COORDINATE_SYSTEM.METER_OFFSETS : _content$coordinateSy,
-          material = content.material,
-          featureIds = content.featureIds;
-      var _getMeshColor = this.props._getMeshColor;
-      var geometry = oldLayer && oldLayer.props.mesh || new _core.Geometry({
-        drawMode: 4,
-        attributes: getMeshGeometry(attributes),
-        indices: indices
-      });
-      var SubLayerClass = this.getSubLayerClass('mesh', _meshLayer.default);
-      return new SubLayerClass(this.getSubLayerProps({
-        id: 'mesh'
-      }), {
-        id: "".concat(this.id, "-mesh-").concat(tileHeader.id),
-        tile: tileHeader,
-        mesh: geometry,
-        data: SINGLE_DATA,
-        getColor: _getMeshColor(tileHeader),
-        pbrMaterial: material,
-        modelMatrix: modelMatrix,
-        coordinateOrigin: cartographicOrigin,
-        coordinateSystem: coordinateSystem,
-        featureIds: featureIds,
-        _offset: 0
-      });
+  };
+
+  _proto._makePointCloudLayer = function _makePointCloudLayer(tileHeader, oldLayer) {
+    var _tileHeader$content = tileHeader.content,
+        attributes = _tileHeader$content.attributes,
+        pointCount = _tileHeader$content.pointCount,
+        constantRGBA = _tileHeader$content.constantRGBA,
+        cartographicOrigin = _tileHeader$content.cartographicOrigin,
+        modelMatrix = _tileHeader$content.modelMatrix;
+    var positions = attributes.positions,
+        normals = attributes.normals,
+        colors = attributes.colors;
+
+    if (!positions) {
+      return null;
     }
-  }, {
-    key: "renderLayers",
-    value: function renderLayers() {
-      var _this3 = this;
-
-      var _this$state2 = this.state,
-          tileset3d = _this$state2.tileset3d,
-          layerMap = _this$state2.layerMap;
 
-      if (!tileset3d) {
-        return null;
+    var data = oldLayer && oldLayer.props.data || {
+      header: {
+        vertexCount: pointCount
+      },
+      attributes: {
+        POSITION: positions,
+        NORMAL: normals,
+        COLOR_0: colors
       }
+    };
+    var _this$props = this.props,
+        pointSize = _this$props.pointSize,
+        getPointColor = _this$props.getPointColor;
+    var SubLayerClass = this.getSubLayerClass('pointcloud', _layers.PointCloudLayer);
+    return new SubLayerClass({
+      pointSize: pointSize
+    }, this.getSubLayerProps({
+      id: 'pointcloud'
+    }), {
+      id: "".concat(this.id, "-pointcloud-").concat(tileHeader.id),
+      tile: tileHeader,
+      data: data,
+      coordinateSystem: _core2.COORDINATE_SYSTEM.METER_OFFSETS,
+      coordinateOrigin: cartographicOrigin,
+      modelMatrix: modelMatrix,
+      getColor: constantRGBA || getPointColor,
+      _offset: 0
+    });
+  };
+
+  _proto._make3DModelLayer = function _make3DModelLayer(tileHeader) {
+    var _tileHeader$content2 = tileHeader.content,
+        gltf = _tileHeader$content2.gltf,
+        instances = _tileHeader$content2.instances,
+        cartographicOrigin = _tileHeader$content2.cartographicOrigin,
+        modelMatrix = _tileHeader$content2.modelMatrix;
+    var SubLayerClass = this.getSubLayerClass('scenegraph', _meshLayers.ScenegraphLayer);
+    return new SubLayerClass({
+      _lighting: 'pbr'
+    }, this.getSubLayerProps({
+      id: 'scenegraph'
+    }), {
+      id: "".concat(this.id, "-scenegraph-").concat(tileHeader.id),
+      tile: tileHeader,
+      data: instances || SINGLE_DATA,
+      scenegraph: gltf,
+      coordinateSystem: _core2.COORDINATE_SYSTEM.METER_OFFSETS,
+      coordinateOrigin: cartographicOrigin,
+      modelMatrix: modelMatrix,
+      getTransformMatrix: function getTransformMatrix(instance) {
+        return instance.modelMatrix;
+      },
+      getPosition: [0, 0, 0],
+      _offset: 0
+    });
+  };
+
+  _proto._makeSimpleMeshLayer = function _makeSimpleMeshLayer(tileHeader, oldLayer) {
+    var content = tileHeader.content;
+    var attributes = content.attributes,
+        indices = content.indices,
+        modelMatrix = content.modelMatrix,
+        cartographicOrigin = content.cartographicOrigin,
+        _content$coordinateSy = content.coordinateSystem,
+        coordinateSystem = _content$coordinateSy === void 0 ? _core2.COORDINATE_SYSTEM.METER_OFFSETS : _content$coordinateSy,
+        material = content.material,
+        featureIds = content.featureIds;
+    var _getMeshColor = this.props._getMeshColor;
+    var geometry = oldLayer && oldLayer.props.mesh || new _core.Geometry({
+      drawMode: 4,
+      attributes: getMeshGeometry(attributes),
+      indices: indices
+    });
+    var SubLayerClass = this.getSubLayerClass('mesh', _meshLayer.default);
+    return new SubLayerClass(this.getSubLayerProps({
+      id: 'mesh'
+    }), {
+      id: "".concat(this.id, "-mesh-").concat(tileHeader.id),
+      tile: tileHeader,
+      mesh: geometry,
+      data: SINGLE_DATA,
+      getColor: _getMeshColor(tileHeader),
+      pbrMaterial: material,
+      modelMatrix: modelMatrix,
+      coordinateOrigin: cartographicOrigin,
+      coordinateSystem: coordinateSystem,
+      featureIds: featureIds,
+      _offset: 0
+    });
+  };
+
+  _proto.renderLayers = function renderLayers() {
+    var _this3 = this;
+
+    var _this$state2 = this.state,
+        tileset3d = _this$state2.tileset3d,
+        layerMap = _this$state2.layerMap;
+
+    if (!tileset3d) {
+      return null;
+    }
 
-      return tileset3d.tiles.map(function (tile) {
-        var layerCache = layerMap[tile.id] = layerMap[tile.id] || {
-          tile: tile
-        };
-        var layer = layerCache.layer;
-
-        if (tile.selected) {
-          if (!layer) {
-            layer = _this3._getSubLayer(tile);
-          } else if (layerCache.needsUpdate) {
-            layer = _this3._getSubLayer(tile, layer);
-            layerCache.needsUpdate = false;
-          }
+    return tileset3d.tiles.map(function (tile) {
+      var layerCache = layerMap[tile.id] = layerMap[tile.id] || {
+        tile: tile
+      };
+      var layer = layerCache.layer;
+
+      if (tile.selected) {
+        if (!layer) {
+          layer = _this3._getSubLayer(tile);
+        } else if (layerCache.needsUpdate) {
+          layer = _this3._getSubLayer(tile, layer);
+          layerCache.needsUpdate = false;
         }
+      }
 
-        layerCache.layer = layer;
-        return layer;
-      }).filter(Boolean);
+      layerCache.layer = layer;
+      return layer;
+    }).filter(Boolean);
+  };
+
+  (0, _createClass2.default)(Tile3DLayer, [{
+    key: "isLoaded",
+    get: function get() {
+      var tileset3d = this.state.tileset3d;
+      return tileset3d !== null && tileset3d.isLoaded();
     }
   }]);
   return Tile3DLayer;
 }(_core2.CompositeLayer);
 
 exports.default = Tile3DLayer;
-(0, _defineProperty2.default)(Tile3DLayer, "defaultProps", defaultProps);
-(0, _defineProperty2.default)(Tile3DLayer, "layerName", 'Tile3DLayer');
+Tile3DLayer.defaultProps = defaultProps;
+Tile3DLayer.layerName = 'Tile3DLayer';
 
 function getMeshGeometry(contentAttributes) {
   var attributes = {};