itowns 2.35.0 → 2.37.0

package/examples/source_stream_wfs_raster.html

@@ -60,9 +60,9 @@
             }
 
             var wfsBuildingSource = new itowns.WFSSource({
-                url: 'https://wxs.ign.fr/3ht7xcw6f7nciopo16etuqp2/geoportail/wfs?',
+                url: 'https://wxs.ign.fr/topographie/geoportail/wfs?',
                 version: '2.0.0',
-                typeName: 'BDTOPO_BDD_WLD_WGS84G:bati_remarquable,BDTOPO_BDD_WLD_WGS84G:bati_indifferencie,BDTOPO_BDD_WLD_WGS84G:bati_industriel',
+                typeName: 'BDTOPO_V3:batiment',
                 crs: 'EPSG:4326',
                 extent: {
                     west: 4.568,
@@ -74,31 +74,31 @@
                 format: 'application/json',
             });
 
+            function colorBuildings(properties) {
+                if (properties.usage_1 === 'Résidentiel') {
+                    return '#FDFDFF';
+                } else if (properties.usage_1 === 'Annexe') {
+                    return '#C6C5B9';
+                } else if (properties.usage_1 === 'Commercial et services') {
+                    return '#62929E';
+                } else if (properties.usage_1 === 'Religieux') {
+                    return '#393D3F';
+                } else if (properties.usage_1 === 'Sportif') {
+                    return '#546A7B';
+                } else {
+                    return '#555555';
+                }
+            }
+
             var wfsBuildingLayer = new itowns.ColorLayer('wfsBuilding', {
                 transparent: true,
                 style: {
                     fill: {
-                        color: p => {
-                            if (p.geojson.id.indexOf('bati_remarquable') === 0) {
-                                return '#5555ff';
-                            }
-                            if (p.geojson.id.indexOf('bati_industriel') === 0) {
-                                return '#ff5555';
-                            }
-                            return '#eeeeee';
-                        },
+                        color: colorBuildings,
                         opacity: 0.7
                     },
                     stroke: {
-                        color: p => {
-                            if (p.geojson.id.indexOf('bati_remarquable') === 0) {
-                                return '#8888ff';
-                            }
-                            if (p.geojson.id.indexOf('bati_industriel') === 0) {
-                                return '#ff8888';
-                            }
-                            return '#ffffff';
-                        },
+                        color: colorBuildings,
                         width: 2.0,
                     },
                 },

package/examples/view_25d_map.html

@@ -97,6 +97,34 @@
 
             view.addLayer(wmsElevationLayer);
 
+            var wfsCartoSource = new itowns.WFSSource({
+                url: 'https://wxs.ign.fr/cartovecto/geoportail/wfs?',
+                version: '2.0.0',
+                typeName: 'BDCARTO_BDD_WLD_WGS84G:zone_habitat_mairie',
+                crs: 'EPSG:3946',
+                ipr: 'IGN',
+                format: 'application/json',
+            });
+
+            var wfsCartoStyle = new itowns.Style({
+                zoom: { min: 0, max: 20 },
+                text: {
+                    field: '{toponyme}',
+                    color: 'white',
+                    transform: 'uppercase',
+                    size: 15,
+                    haloColor: 'rgba(20,20,20, 0.8)',
+                    haloWidth: 3,
+                },
+            });
+
+            var wfsCartoLayer = new itowns.LabelLayer('wfsCarto', {
+                source: wfsCartoSource,
+                style: wfsCartoStyle,
+            });
+
+            view.addLayer(wfsCartoLayer);
+
             // Initialize scale :
             const initialScaleSize = 200;  // in pixel
             const divScaleWidget = document.getElementById('divScaleWidget');

package/examples/view_immersive.html

@@ -80,7 +80,7 @@
 
             function altitudeBuildings(properties) {
                 // I set altitude building 3 meters down, to be sure building is anchored in the ground
-                return properties.z_min - properties.hauteur - 3;
+                return properties.altitude_minimale_sol - 3;
             }
 
             function extrudeBuildings(properties) {
@@ -115,22 +115,21 @@
 
             // when oriented image layer is ready..
             view.addLayer(olayer, view.tileLayer).then(function addWfsLayer(orientedImageLayer) {
-
                 // prepare WFS source for the buildings
                 var wfsBuildingSource = new itowns.WFSSource({
-                    url: 'https://wxs.ign.fr/3ht7xcw6f7nciopo16etuqp2/geoportail/wfs?',
+                    url: 'https://wxs.ign.fr/topographie/geoportail/wfs?',
                     version: '2.0.0',
-                    typeName: 'BDTOPO_BDD_WLD_WGS84G:bati_remarquable,BDTOPO_BDD_WLD_WGS84G:bati_indifferencie,BDTOPO_BDD_WLD_WGS84G:bati_industriel',
-                    crs: 'EPSG:4326',
-                    ipr: 'IGN',
-                    format: 'application/json',
-                    extent: {
-                        west: 2.334,
-                        east: 2.335,
-                        south: 48.849,
-                        north: 48.851,
-                    },
-                });
+                    typeName: 'BDTOPO_V3:batiment',
+                        crs: 'EPSG:4326',
+                        ipr: 'IGN',
+                        format: 'application/json',
+                        extent: {
+                            west: 2.334,
+                            east: 2.335,
+                            south: 48.849,
+                            north: 48.851,
+                        },
+                    });
 
                 // create geometry layer for the buildings
                 var wfsBuildingLayer = new itowns.FeatureGeometryLayer('Buildings', {

package/examples/view_multi_25d.html

@@ -81,7 +81,7 @@
 
             itowns.THREE.Object3D.DefaultUp.set(0, 0, 1);
 
-            scale = new itowns.THREE.Vector3(1, 1, 1).divideScalar(extent.dimensions().x);
+            scale = new itowns.THREE.Vector3(1, 1, 1).divideScalar(extent.planarDimensions().x);
 
             // Instanciate View
             view = new itowns.View(extent.crs, viewerDiv);

package/examples/widgets_minimap.html

@@ -0,0 +1,122 @@
+<html>
+    <head>
+        <title>Itowns - Minimap widget</title>
+
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+        <link rel="stylesheet" type="text/css" href="css/example.css">
+        <link rel="stylesheet" type="text/css" href="css/LoadingScreen.css">
+
+        <!-- Import stylesheet for itowns Widgets plugin -->
+        <link rel="stylesheet" type="text/css" href="css/widgets.css">
+
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/dat-gui/0.7.6/dat.gui.min.js"></script>
+    </head>
+    <body>
+        <!-- Add a description -->
+        <div id="description">
+            Double click on the minimap to travel to the cursor location.
+        </div>
+
+        <!-- Create a container for itowns viewer -->
+        <div id="viewerDiv"></div>
+
+        <!-- Import iTowns source code -->
+        <script src="../dist/itowns.js"></script>
+        <script src="../dist/debug.js"></script>
+        <!-- Import iTowns Widgets plugin -->
+        <script src="../dist/itowns_widgets.js"></script>
+        <!-- Import iTowns LoadingScreen and GuiTools plugins -->
+        <script src="js/GUI/LoadingScreen.js"></script>
+        <script src="js/GUI/GuiTools.js"></script>
+
+
+        <script type="text/javascript">
+
+
+
+            // ---------- CREATE A GlobeView FOR SUPPORTING DATA VISUALIZATION : ----------
+
+            // Define camera initial position
+            const placement = {
+                coord: new itowns.Coordinates('EPSG:4326', 2.351323, 48.856712),
+                range: 6000,
+                tilt: 50,
+            }
+
+            // `viewerDiv` contains iTowns' rendering area (`<canvas>`)
+            const viewerDiv = document.getElementById('viewerDiv');
+
+            // Create a GlobeView
+            const view = new itowns.GlobeView(viewerDiv, placement);
+
+            // Setup loading screen and debug menu
+            setupLoadingScreen(viewerDiv, view);
+            const debugMenu = new GuiTools('menuDiv', view);
+
+
+
+            // ---------- DISPLAY CONTEXTUAL DATA : ----------
+
+            // Add one imagery layer to the scene. This layer's properties are defined in a json file, but it could be
+            // defined as a plain js object. See `Layer` documentation for more info.
+            itowns.Fetcher.json('layers/JSONLayers/Ortho.json').then((config) => {
+                config.source = new itowns.WMTSSource(config.source);
+                view.addLayer(
+                    new itowns.ColorLayer(config.id, config),
+                ).then(debugMenu.addLayerGUI.bind(debugMenu));
+            });
+
+            // Add two elevation layers, each with a different level of detail. Here again, each layer's properties are
+            // defined in a json file.
+            function addElevationLayerFromConfig(config) {
+                config.source = new itowns.WMTSSource(config.source);
+                view.addLayer(
+                    new itowns.ElevationLayer(config.id, config),
+                ).then(debugMenu.addLayerGUI.bind(debugMenu));
+            }
+            itowns.Fetcher.json('layers/JSONLayers/WORLD_DTM.json').then(addElevationLayerFromConfig);
+            itowns.Fetcher.json('layers/JSONLayers/IGN_MNT_HIGHRES.json').then(addElevationLayerFromConfig);
+
+
+
+            // ---------- ADD MINIMAP WIDGET : ----------
+
+            // Create a ColorLayer that shall be displayed on the minimap.
+            const minimapColorLayer = new itowns.ColorLayer('minimap', {
+                source: new itowns.VectorTilesSource({
+                    style: 'https://wxs.ign.fr/essentiels/static/vectorTiles/styles/PLAN.IGN/standard.json',
+                    // We don't display mountains and plot related data to ease visualisation
+                    filter: (layer) => !layer['source-layer'].includes('oro_')
+                        && !layer['source-layer'].includes('parcellaire'),
+                }),
+                addLabelLayer: true,
+            });
+
+            // Create a minimap.
+            const minimap = new itowns_widgets.Minimap(view, minimapColorLayer, {
+                cursor: '+',
+                size: 200,
+            });
+
+
+
+            // ---------- ADD INTERACTION WITH MINIMAP : ----------
+
+            // When double-clicking the minimap, travel to the cursor location.
+            const cursorCoordinates = new itowns.Coordinates(minimap.view.referenceCrs);
+            minimap.domElement.addEventListener('dblclick', (event) => {
+                minimap.view.pickCoordinates(event, cursorCoordinates);
+                view.controls.lookAtCoordinate({ coord: cursorCoordinates });
+            });
+
+
+
+            // ---------- DEBUG TOOLS : ----------
+
+            debug.createTileDebugUI(debugMenu.gui, view);
+
+        </script>
+    </body>
+</html>

package/examples/widgets_navigation.html

@@ -0,0 +1,119 @@
+<html>
+    <head>
+        <title>Itowns - Navigation widget</title>
+
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+        <link rel="stylesheet" type="text/css" href="css/example.css">
+        <link rel="stylesheet" type="text/css" href="css/LoadingScreen.css">
+
+        <!-- Import stylesheet for itowns Widgets plugin -->
+        <link rel="stylesheet" type="text/css" href="css/widgets.css">
+
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/dat-gui/0.7.6/dat.gui.min.js"></script>
+    </head>
+    <body>
+        <div id="viewerDiv"></div>
+
+        <!-- Import iTowns source code -->
+        <script src="../dist/itowns.js"></script>
+        <script src="../dist/debug.js"></script>
+        <!-- Import iTowns Widgets plugin -->
+        <script src="../dist/itowns_widgets.js"></script>
+        <!-- Import iTowns LoadingScreen and GuiTools plugins -->
+        <script src="js/GUI/LoadingScreen.js"></script>
+        <script src="js/GUI/GuiTools.js"></script>
+
+
+        <script type="text/javascript">
+
+
+
+            // ---------- CREATE A GlobeView FOR SUPPORTING DATA VISUALIZATION : ----------
+
+            // Define camera initial position
+            const placement = {
+                coord: new itowns.Coordinates('EPSG:4326', 2.351323, 48.856712),
+                range: 6000,
+                tilt: 50,
+            }
+
+            // `viewerDiv` contains iTowns' rendering area (`<canvas>`)
+            const viewerDiv = document.getElementById('viewerDiv');
+
+            // Create a GlobeView
+            const view = new itowns.GlobeView(viewerDiv, placement);
+
+            // Setup loading screen and debug menu
+            setupLoadingScreen(viewerDiv, view);
+            const debugMenu = new GuiTools('menuDiv', view);
+
+
+
+            // ---------- DISPLAY CONTEXTUAL DATA : ----------
+
+            // Add one imagery layer to the scene. This layer's properties are defined in a json file, but it could be
+            // defined as a plain js object. See `Layer` documentation for more info.
+            itowns.Fetcher.json('layers/JSONLayers/Ortho.json').then((config) => {
+                config.source = new itowns.WMTSSource(config.source);
+                view.addLayer(
+                    new itowns.ColorLayer(config.id, config),
+                ).then(debugMenu.addLayerGUI.bind(debugMenu));
+            });
+
+            // Add two elevation layers, each with a different level of detail. Here again, each layer's properties are
+            // defined in a json file.
+            function addElevationLayerFromConfig(config) {
+                config.source = new itowns.WMTSSource(config.source);
+                view.addLayer(
+                    new itowns.ElevationLayer(config.id, config),
+                ).then(debugMenu.addLayerGUI.bind(debugMenu));
+            }
+            itowns.Fetcher.json('layers/JSONLayers/WORLD_DTM.json').then(addElevationLayerFromConfig);
+            itowns.Fetcher.json('layers/JSONLayers/IGN_MNT_HIGHRES.json').then(addElevationLayerFromConfig);
+
+
+
+            // ---------- ADD NAVIGATION WIDGET : ----------
+
+            const widgets = new itowns_widgets.Navigation(view);
+
+            // Example on how to add a new button to the widgets menu
+            widgets.addButton(
+                'rotate-up',
+                '<p style="font-size: 20px">&#8595</p>',
+                () => {
+                    view.controls.lookAtCoordinate({
+                        tilt: view.controls.getTilt() - 10,
+                        time: 500,
+                    });
+                },
+                'button-bar-rotation',
+            );
+            widgets.addButton(
+                'rotate-down',
+                '<p style="font-size: 20px">&#8593</p>',
+                () => {
+                    view.controls.lookAtCoordinate({
+                        tilt: view.controls.getTilt() + 10,
+                        time: 500,
+                    });
+                },
+                'button-bar-rotation',
+            );
+            widgets.addButton(
+                'reset-position',
+                '&#8634',
+                () => { view.controls.lookAtCoordinate(placement) },
+            );
+
+
+
+            // ---------- DEBUG TOOLS : ----------
+
+            debug.createTileDebugUI(debugMenu.gui, view);
+
+        </script>
+    </body>
+</html>

package/lib/Controls/FirstPersonControls.js

@@ -170,13 +170,16 @@ var FirstPersonControls = /*#__PURE__*/function (_THREE$EventDispatche) {
       _this._onMouseWheel = _this.onMouseWheel.bind((0, _assertThisInitialized2["default"])(_this));
       _this._onKeyUp = _this.onKeyUp.bind((0, _assertThisInitialized2["default"])(_this));
       _this._onKeyDown = _this.onKeyDown.bind((0, _assertThisInitialized2["default"])(_this));
+      _this._onContextMenu = _this.onContextMenu.bind((0, _assertThisInitialized2["default"])(_this));
       view.domElement.addEventListener('mousedown', _this._onMouseDown, false);
       view.domElement.addEventListener('touchstart', _this._onMouseDown, false);
       view.domElement.addEventListener('mousemove', _this._onMouseMove, false);
       view.domElement.addEventListener('touchmove', _this._onMouseMove, false);
       view.domElement.addEventListener('mouseup', _this._onMouseUp, false);
       view.domElement.addEventListener('touchend', _this._onMouseUp, false);
-      view.domElement.addEventListener('wheel', _this._onMouseWheel, false); // TODO: Why windows
+      view.domElement.addEventListener('wheel', _this._onMouseWheel, false); // Disable context menu when right clicking.
+
+      view.domElement.addEventListener('contextmenu', _this._onContextMenu, false); // TODO: Why windows
 
       document.addEventListener('keydown', _this._onKeyDown, false);
       document.addEventListener('keyup', _this._onKeyUp, false);
@@ -380,6 +383,11 @@ var FirstPersonControls = /*#__PURE__*/function (_THREE$EventDispatche) {
         e.preventDefault();
       }
     }
+  }, {
+    key: "onContextMenu",
+    value: function onContextMenu(event) {
+      event.preventDefault();
+    }
   }, {
     key: "dispose",
     value: function dispose() {
@@ -391,6 +399,7 @@ var FirstPersonControls = /*#__PURE__*/function (_THREE$EventDispatche) {
         this.view.domElement.removeEventListener('mouseup', this._onMouseUp, false);
         this.view.domElement.removeEventListener('touchend', this._onMouseUp, false);
         this.view.domElement.removeEventListener('wheel', this._onMouseWheel, false);
+        this.view.domElement.removeEventListener('contextmenu', this._onContextMenu, false);
         document.removeEventListener('keydown', this._onKeyDown, false);
         document.removeEventListener('keyup', this._onKeyUp, false);
       }

package/lib/Controls/GlobeControls.js

@@ -33,6 +33,8 @@ var _CameraUtils = _interopRequireDefault(require("../Utils/CameraUtils"));
 
 var _StateControl = _interopRequireDefault(require("./StateControl"));
 
+var _View = require("../Core/View");
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -75,6 +77,7 @@ var dollyScale; // Globe move
 
 var moveAroundGlobe = new THREE.Quaternion();
 var cameraTarget = new THREE.Object3D();
+var coordCameraTarget = new _Coordinates["default"]('EPSG:4978');
 cameraTarget.matrixWorldInverse = new THREE.Matrix4();
 var xyz = new _Coordinates["default"]('EPSG:4978', 0, 0, 0);
 var c = new _Coordinates["default"]('EPSG:4326', 0, 0, 0); // Position object on globe
@@ -342,6 +345,7 @@ var GlobeControls = /*#__PURE__*/function (_THREE$EventDispatche) {
 
     _this.lookAtCoordinate(placement, false);
 
+    coordCameraTarget.crs = _this.view.referenceCrs;
     return _this;
   }
 
@@ -610,6 +614,14 @@ var GlobeControls = /*#__PURE__*/function (_THREE$EventDispatche) {
         });
         this.player.playLater(durationDampingOrbital, 2);
       }
+
+      this.view.dispatchEvent({
+        type: _View.VIEW_EVENTS.CAMERA_MOVED,
+        coord: coordCameraTarget.setFromVector3(cameraTarget.position),
+        range: spherical.radius,
+        heading: -THREE.MathUtils.radToDeg(spherical.theta),
+        tilt: 90 - THREE.MathUtils.radToDeg(spherical.phi)
+      });
     }
   }, {
     key: "onStateChange",
@@ -751,17 +763,19 @@ var GlobeControls = /*#__PURE__*/function (_THREE$EventDispatche) {
   }, {
     key: "updateTarget",
     value: function updateTarget() {
-      // Update camera's target position
-      this.view.getPickingPositionFromDepth(null, pickedPosition);
-      var distance = !isNaN(pickedPosition.x) ? this.camera.position.distanceTo(pickedPosition) : 100;
-      targetPosition.set(0, 0, -distance);
-      this.camera.localToWorld(targetPosition); // set new camera target on globe
-
-      positionObject(targetPosition, cameraTarget);
-      cameraTarget.matrixWorldInverse.copy(cameraTarget.matrixWorld).invert();
-      targetPosition.copy(this.camera.position);
-      targetPosition.applyMatrix4(cameraTarget.matrixWorldInverse);
-      spherical.setFromVector3(targetPosition);
+      // Check if the middle of the screen is on the globe (to prevent having a dark-screen bug if outside the globe)
+      if (this.view.getPickingPositionFromDepth(null, pickedPosition)) {
+        // Update camera's target position
+        var distance = !isNaN(pickedPosition.x) ? this.camera.position.distanceTo(pickedPosition) : 100;
+        targetPosition.set(0, 0, -distance);
+        this.camera.localToWorld(targetPosition); // set new camera target on globe
+
+        positionObject(targetPosition, cameraTarget);
+        cameraTarget.matrixWorldInverse.copy(cameraTarget.matrixWorld).invert();
+        targetPosition.copy(this.camera.position);
+        targetPosition.applyMatrix4(cameraTarget.matrixWorldInverse);
+        spherical.setFromVector3(targetPosition);
+      }
     }
   }, {
     key: "handlingEvent",
@@ -1298,6 +1312,7 @@ var GlobeControls = /*#__PURE__*/function (_THREE$EventDispatche) {
 
       var params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
       var isAnimated = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.isAnimationEnabled();
+      this.player.stop();
 
       if (!params.isExtent) {
         if (params.zoom) {

package/lib/Controls/PlanarControls.js

@@ -7,7 +7,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.PLANAR_CONTROL_EVENT = exports.STATE = exports.keys = void 0;
+exports.keys = exports["default"] = exports.STATE = exports.PLANAR_CONTROL_EVENT = void 0;
 
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 

package/lib/Converter/Feature2Mesh.js

@@ -629,6 +629,7 @@ var _default = {
       });
       group.quaternion.copy(collection.quaternion);
       group.position.copy(collection.position);
+      group.scale.copy(collection.scale);
       return group;
     };
   }

package/lib/Converter/Feature2Texture.js

@@ -176,7 +176,7 @@ function drawPoint(ctx, x, y) {
 var coord = new _Coordinates["default"]('EPSG:4326', 0, 0, 0);
 
 function drawFeature(ctx, feature, extent, style, invCtxScale) {
-  var extentDim = extent.dimensions();
+  var extentDim = extent.planarDimensions();
   var scaleRadius = extentDim.x / ctx.canvas.width;
   var globals = {
     zoom: extent.zoom
@@ -259,7 +259,7 @@ var _default = {
     if (collection) {
       // A texture is instancied drawn canvas
       // origin and dimension are used to transform the feature's coordinates to canvas's space
-      extent.dimensions(dimension);
+      extent.planarDimensions(dimension);
       var c = document.createElement('canvas');
       coord.crs = extent.crs;
       c.width = sizeTexture;

package/lib/Converter/convertToTile.js

@@ -41,7 +41,7 @@ function setTileFromTiledLayer(tile, tileLayer) {
     // If the point is below the horizon,
     // the tile is guaranteed to be below the horizon as well.
     tile.horizonCullingPoint = tile.extent.center().as('EPSG:4978').toVector3();
-    tile.extent.dimensions(dimensions).multiplyScalar(THREE.MathUtils.DEG2RAD); // alpha is maximum angle between two points of tile
+    tile.extent.planarDimensions(dimensions).multiplyScalar(THREE.MathUtils.DEG2RAD); // alpha is maximum angle between two points of tile
 
     var alpha = dimensions.length();
     var h = Math.abs(1.0 / Math.cos(alpha * 0.5));
@@ -86,7 +86,11 @@ var _default = {
       setTileFromTiledLayer(tile, layer);
 
       if (parent) {
-        tile.setBBoxZ(parent.obb.z.min, parent.obb.z.max);
+        tile.setBBoxZ({
+          min: parent.obb.z.min,
+          max: parent.obb.z.max
+        });
+        tile.geoidHeight = parent.geoidHeight;
       }
 
       return tile;

package/lib/Core/3DTiles/C3DTBoundingVolume.js

@@ -74,7 +74,10 @@ var C3DTBoundingVolume = /*#__PURE__*/function () {
       extent.set(THREE.MathUtils.radToDeg(region[0]), THREE.MathUtils.radToDeg(region[2]), THREE.MathUtils.radToDeg(region[1]), THREE.MathUtils.radToDeg(region[3]));
       var regionBox = new _OBB["default"]();
       regionBox.setFromExtent(extent);
-      regionBox.updateZ(region[4], region[5]); // at this point box.matrix = box.epsg4978_from_local, so
+      regionBox.updateZ({
+        min: region[4],
+        max: region[5]
+      }); // at this point box.matrix = box.epsg4978_from_local, so
       // we transform it in parent_from_local by using parent's
       // epsg4978_from_local which from our point of view is
       // epsg4978_from_parent. box.matrix = (epsg4978_from_parent ^ -1) *

package/lib/Core/Deprecated/Undeprecator.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.deprecatedFeature2MeshOptions = exports.deprecatedParsingOptionsToNewOne = exports.deprecatedColorLayerOptions = void 0;
+exports.deprecatedParsingOptionsToNewOne = exports.deprecatedFeature2MeshOptions = exports.deprecatedColorLayerOptions = exports["default"] = void 0;
 
 var _LayeredMaterial = require("../../Renderer/LayeredMaterial");