@loaders.gl/tiles 3.4.0-alpha.2 → 3.4.0-alpha.3

package/dist/es5/tileset/tileset-3d.js

@@ -26,7 +26,7 @@ var _tileset3dTraverser = require("./format-3d-tiles/tileset-3d-traverser");
 var _i3sTilesetTraverser = require("./format-i3s/i3s-tileset-traverser");
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var DEFAULT_PROPS = {
@@ -57,7 +57,6 @@ var DEFAULT_PROPS = {
   basePath: '',
   i3s: {}
 };
-
 var TILES_TOTAL = 'Tiles In Tileset(s)';
 var TILES_IN_MEMORY = 'Tiles In Memory';
 var TILES_IN_VIEW = 'Tiles In View';
@@ -69,7 +68,6 @@ var TILES_LOAD_FAILED = 'Failed Tile Loads';
 var POINTS_COUNT = 'Points/Vertices';
 var TILES_GPU_MEMORY = 'Tile Memory Use';
 var Tileset3D = function () {
-
   function Tileset3D(json, options) {
     (0, _classCallCheck2.default)(this, Tileset3D);
     (0, _defineProperty2.default)(this, "options", void 0);
@@ -125,7 +123,6 @@ var Tileset3D = function () {
     (0, _defineProperty2.default)(this, "frameStateData", void 0);
     (0, _defineProperty2.default)(this, "maximumMemoryUsage", void 0);
     (0, _loaderUtils.assert)(json);
-
     this.options = _objectSpread(_objectSpread({}, DEFAULT_PROPS), options);
     this.tileset = json;
     this.loader = json.loader;
@@ -134,7 +131,6 @@ var Tileset3D = function () {
     this.basePath = json.basePath || _loaderUtils.path.dirname(this.url);
     this.modelMatrix = this.options.modelMatrix;
     this.ellipsoid = this.options.ellipsoid;
-
     this.lodMetricType = json.lodMetricType;
     this.lodMetricValue = json.lodMetricValue;
     this.refine = json.root.refine;
@@ -145,7 +141,6 @@ var Tileset3D = function () {
     this.cartesianCenter = null;
     this.zoom = 1;
     this.boundingVolume = null;
-
     this.traverseCounter = 0;
     this.geometricError = 0;
     this._traverser = this._initializeTraverser();
@@ -155,9 +150,7 @@ var Tileset3D = function () {
       maxRequests: this.options.maxRequests
     });
     this._frameNumber = 0;
-
     this._pendingCount = 0;
-
     this._tiles = {};
     this.selectedTiles = [];
     this._emptyTiles = [];
@@ -166,14 +159,12 @@ var Tileset3D = function () {
     this.lastUpdatedVieports = null;
     this._queryParams = {};
     this._queryParamsString = '';
-
     this.maximumMemoryUsage = this.options.maximumMemoryUsage || 32;
     this.gpuMemoryUsageInBytes = 0;
     this.stats = new _stats.Stats({
       id: this.url
     });
     this._initializeStats();
-
     this._extensionsUsed = undefined;
     this.dynamicScreenSpaceErrorComputedDensity = 0.0;
     this.extras = null;
@@ -182,18 +173,14 @@ var Tileset3D = function () {
     this.description = this.options.description || '';
     this.tilesetInitializationPromise = this._initializeTileSet(json);
   }
-
   (0, _createClass2.default)(Tileset3D, [{
     key: "destroy",
-    value:
-    function destroy() {
+    value: function destroy() {
       this._destroy();
     }
-
   }, {
     key: "isLoaded",
-    value:
-    function isLoaded() {
+    value: function isLoaded() {
       return this._pendingCount === 0 && this._frameNumber !== 0 && this._requestedTiles.length === 0;
     }
   }, {
@@ -219,36 +206,28 @@ var Tileset3D = function () {
     value: function setProps(props) {
       this.options = _objectSpread(_objectSpread({}, this.options), props);
     }
-
   }, {
     key: "setOptions",
-    value:
-    function setOptions(options) {
+    value: function setOptions(options) {
       this.options = _objectSpread(_objectSpread({}, this.options), options);
     }
-
   }, {
     key: "getTileUrl",
-    value:
-    function getTileUrl(tilePath) {
+    value: function getTileUrl(tilePath) {
       var isDataUrl = tilePath.startsWith('data:');
       if (isDataUrl) {
         return tilePath;
       }
       return "".concat(tilePath).concat(this.queryParams);
     }
-
   }, {
     key: "hasExtension",
-    value:
-    function hasExtension(extensionName) {
+    value: function hasExtension(extensionName) {
       return Boolean(this._extensionsUsed && this._extensionsUsed.indexOf(extensionName) > -1);
     }
-
   }, {
     key: "update",
-    value:
-    function update() {
+    value: function update() {
       var _this = this;
       var viewports = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
       this.tilesetInitializationPromise.then(function () {
@@ -262,7 +241,6 @@ var Tileset3D = function () {
         }
       });
     }
-
   }, {
     key: "selectTiles",
     value: function () {
@@ -271,32 +249,30 @@ var Tileset3D = function () {
         var viewports,
           _args = arguments;
         return _regenerator.default.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                viewports = _args.length > 0 && _args[0] !== undefined ? _args[0] : null;
-                _context.next = 3;
-                return this.tilesetInitializationPromise;
-              case 3:
-                if (viewports) {
-                  this.lastUpdatedVieports = viewports;
-                }
-                if (!this.updatePromise) {
-                  this.updatePromise = new Promise(function (resolve) {
-                    setTimeout(function () {
-                      if (_this2.lastUpdatedVieports) {
-                        _this2.doUpdate(_this2.lastUpdatedVieports);
-                      }
-                      resolve(_this2._frameNumber);
-                      _this2.updatePromise = null;
-                    }, _this2.options.debounceTime);
-                  });
-                }
-                return _context.abrupt("return", this.updatePromise);
-              case 6:
-              case "end":
-                return _context.stop();
-            }
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              viewports = _args.length > 0 && _args[0] !== undefined ? _args[0] : null;
+              _context.next = 3;
+              return this.tilesetInitializationPromise;
+            case 3:
+              if (viewports) {
+                this.lastUpdatedVieports = viewports;
+              }
+              if (!this.updatePromise) {
+                this.updatePromise = new Promise(function (resolve) {
+                  setTimeout(function () {
+                    if (_this2.lastUpdatedVieports) {
+                      _this2.doUpdate(_this2.lastUpdatedVieports);
+                    }
+                    resolve(_this2._frameNumber);
+                    _this2.updatePromise = null;
+                  }, _this2.options.debounceTime);
+                });
+              }
+              return _context.abrupt("return", this.updatePromise);
+            case 6:
+            case "end":
+              return _context.stop();
           }
         }, _callee, this);
       }));
@@ -307,8 +283,7 @@ var Tileset3D = function () {
     }()
   }, {
     key: "doUpdate",
-    value:
-    function doUpdate(viewports) {
+    value: function doUpdate(viewports) {
       if ('loadTiles' in this.options && !this.options.loadTiles) {
         return;
       }
@@ -332,7 +307,6 @@ var Tileset3D = function () {
             this.traverseCounter--;
           }
         }
-
       } catch (err) {
         _iterator.e(err);
       } finally {
@@ -350,7 +324,6 @@ var Tileset3D = function () {
           if (!viewportsToTraverse.includes(_id2)) {
             continue;
           }
-
           var frameState = (0, _frameState.getFrameState)(_viewport, this._frameNumber);
           this._traverser.traverse(this.roots[_id2], frameState, this.options);
         }
@@ -360,11 +333,9 @@ var Tileset3D = function () {
         _iterator2.f();
       }
     }
-
   }, {
     key: "_needTraverse",
-    value:
-    function _needTraverse(viewportId) {
+    value: function _needTraverse(viewportId) {
       var traverserId = viewportId;
       if (this.options.viewportTraversersMap) {
         traverserId = this.options.viewportTraversersMap[viewportId];
@@ -374,11 +345,9 @@ var Tileset3D = function () {
       }
       return true;
     }
-
   }, {
     key: "_onTraversalEnd",
-    value:
-    function _onTraversalEnd(frameState) {
+    value: function _onTraversalEnd(frameState) {
       var id = frameState.viewport.id;
       if (!this.frameStateData[id]) {
         this.frameStateData[id] = {
@@ -414,11 +383,9 @@ var Tileset3D = function () {
       }
       this._updateTiles();
     }
-
   }, {
     key: "_updateTiles",
-    value:
-    function _updateTiles() {
+    value: function _updateTiles() {
       this.selectedTiles = [];
       this._requestedTiles = [];
       this._emptyTiles = [];
@@ -523,31 +490,29 @@ var Tileset3D = function () {
     value: function () {
       var _initializeTileSet2 = (0, _asyncToGenerator2.default)(_regenerator.default.mark(function _callee2(tilesetJson) {
         return _regenerator.default.wrap(function _callee2$(_context2) {
-          while (1) {
-            switch (_context2.prev = _context2.next) {
-              case 0:
-                if (!(this.type === _constants.TILESET_TYPE.I3S)) {
-                  _context2.next = 5;
-                  break;
-                }
-                this.calculateViewPropsI3S();
-                _context2.next = 4;
-                return tilesetJson.root;
-              case 4:
-                tilesetJson.root = _context2.sent;
-              case 5:
-                this.root = this._initializeTileHeaders(tilesetJson, null);
-                if (this.type === _constants.TILESET_TYPE.TILES3D) {
-                  this._initializeTiles3DTileset(tilesetJson);
-                  this.calculateViewPropsTiles3D();
-                }
-                if (this.type === _constants.TILESET_TYPE.I3S) {
-                  this._initializeI3STileset();
-                }
-              case 8:
-              case "end":
-                return _context2.stop();
-            }
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
+              if (!(this.type === _constants.TILESET_TYPE.I3S)) {
+                _context2.next = 5;
+                break;
+              }
+              this.calculateViewPropsI3S();
+              _context2.next = 4;
+              return tilesetJson.root;
+            case 4:
+              tilesetJson.root = _context2.sent;
+            case 5:
+              this.root = this._initializeTileHeaders(tilesetJson, null);
+              if (this.type === _constants.TILESET_TYPE.TILES3D) {
+                this._initializeTiles3DTileset(tilesetJson);
+                this.calculateViewPropsTiles3D();
+              }
+              if (this.type === _constants.TILESET_TYPE.I3S) {
+                this._initializeI3STileset();
+              }
+            case 8:
+            case "end":
+              return _context2.stop();
           }
         }, _callee2, this);
       }));
@@ -558,8 +523,7 @@ var Tileset3D = function () {
     }()
   }, {
     key: "calculateViewPropsI3S",
-    value:
-    function calculateViewPropsI3S() {
+    value: function calculateViewPropsI3S() {
       var _this$tileset$store;
       var fullExtent = this.tileset.fullExtent;
       if (fullExtent) {
@@ -591,11 +555,9 @@ var Tileset3D = function () {
       this.zoom = 1;
       return;
     }
-
   }, {
     key: "calculateViewPropsTiles3D",
-    value:
-    function calculateViewPropsTiles3D() {
+    value: function calculateViewPropsTiles3D() {
       var root = this.root;
       (0, _loaderUtils.assert)(root);
       var center = root.boundingVolume.center;
@@ -605,7 +567,6 @@ var Tileset3D = function () {
         this.zoom = 1;
         return;
       }
-
       if (center[0] !== 0 || center[1] !== 0 || center[2] !== 0) {
         this.cartographicCenter = _geospatial.Ellipsoid.WGS84.cartesianToCartographic(center, new _core.Vector3());
       } else {
@@ -628,18 +589,14 @@ var Tileset3D = function () {
       this.stats.get(POINTS_COUNT);
       this.stats.get(TILES_GPU_MEMORY, 'memory');
     }
-
   }, {
     key: "_initializeTileHeaders",
-    value:
-    function _initializeTileHeaders(tilesetJson, parentTileHeader) {
+    value: function _initializeTileHeaders(tilesetJson, parentTileHeader) {
       var rootTile = new _tile3d.Tile3D(this, tilesetJson.root, parentTileHeader);
-
       if (parentTileHeader) {
         parentTileHeader.children.push(rootTile);
         rootTile.depth = parentTileHeader.depth + 1;
       }
-
       if (this.type === _constants.TILESET_TYPE.TILES3D) {
         var stack = [];
         stack.push(rootTile);
@@ -697,30 +654,28 @@ var Tileset3D = function () {
       var _loadTile2 = (0, _asyncToGenerator2.default)(_regenerator.default.mark(function _callee3(tile) {
         var loaded;
         return _regenerator.default.wrap(function _callee3$(_context3) {
-          while (1) {
-            switch (_context3.prev = _context3.next) {
-              case 0:
-                _context3.prev = 0;
-                this._onStartTileLoading();
-                _context3.next = 4;
-                return tile.loadContent();
-              case 4:
-                loaded = _context3.sent;
-                _context3.next = 10;
-                break;
-              case 7:
-                _context3.prev = 7;
-                _context3.t0 = _context3["catch"](0);
-                this._onTileLoadError(tile, _context3.t0);
-              case 10:
-                _context3.prev = 10;
-                this._onEndTileLoading();
-                this._onTileLoad(tile, loaded);
-                return _context3.finish(10);
-              case 14:
-              case "end":
-                return _context3.stop();
-            }
+          while (1) switch (_context3.prev = _context3.next) {
+            case 0:
+              _context3.prev = 0;
+              this._onStartTileLoading();
+              _context3.next = 4;
+              return tile.loadContent();
+            case 4:
+              loaded = _context3.sent;
+              _context3.next = 10;
+              break;
+            case 7:
+              _context3.prev = 7;
+              _context3.t0 = _context3["catch"](0);
+              this._onTileLoadError(tile, _context3.t0);
+            case 10:
+              _context3.prev = 10;
+              this._onEndTileLoading();
+              this._onTileLoad(tile, loaded);
+              return _context3.finish(10);
+            case 14:
+            case "end":
+              return _context3.stop();
           }
         }, _callee3, this, [[0, 7, 10, 14]]);
       }));
@@ -750,7 +705,6 @@ var Tileset3D = function () {
         this.stats.get(TILES_TOTAL).reset();
         this.stats.get(TILES_TOTAL).addCount(nodesInNodePages);
       }
-
       if (tile && tile.content) {
         (0, _transformUtils.calculateTransformProps)(tile, tile.content);
       }
@@ -758,11 +712,9 @@ var Tileset3D = function () {
       this._addTileToCache(tile);
       this.options.onTileLoad(tile);
     }
-
   }, {
     key: "updateContentTypes",
-    value:
-    function updateContentTypes(tile) {
+    value: function updateContentTypes(tile) {
       if (this.type === _constants.TILESET_TYPE.I3S) {
         if (tile.header.isDracoGeometry) {
           this.contentFormats.draco = true;
@@ -816,7 +768,6 @@ var Tileset3D = function () {
     value: function _updateCacheStats(tile) {
       this.stats.get(TILES_LOADED).incrementCount();
       this.stats.get(TILES_IN_MEMORY).incrementCount();
-
       this.gpuMemoryUsageInBytes += tile.content.byteLength || 0;
       this.stats.get(TILES_GPU_MEMORY).count = this.gpuMemoryUsageInBytes;
     }
@@ -830,11 +781,9 @@ var Tileset3D = function () {
       this.options.onTileUnload(tile);
       tile.unloadContent();
     }
-
   }, {
     key: "_destroy",
-    value:
-    function _destroy() {
+    value: function _destroy() {
       var stack = [];
       if (this.root) {
         stack.push(this.root);
@@ -857,11 +806,9 @@ var Tileset3D = function () {
       }
       this.root = null;
     }
-
   }, {
     key: "_destroySubtree",
-    value:
-    function _destroySubtree(tile) {
+    value: function _destroySubtree(tile) {
       var root = tile;
       var stack = [];
       stack.push(root);
@@ -902,16 +849,13 @@ var Tileset3D = function () {
       if (this.asset.version !== '0.0' && this.asset.version !== '1.0') {
         throw new Error('The tileset must be 3D Tiles version 0.0 or 1.0.');
       }
-
       if ('tilesetVersion' in this.asset) {
         this._queryParams.v = this.asset.tilesetVersion;
       }
-
       this.credits = {
         attributions: this.options.attributions || []
       };
       this.description = this.options.description || '';
-
       this.properties = tilesetJson.properties;
       this.geometricError = tilesetJson.geometricError;
       this._extensionsUsed = tilesetJson.extensionsUsed;