npm - itowns - Versions diffs - 2.44.3-next.3 → 2.44.3-next.30 - Mend

itowns 2.44.3-next.3 → 2.44.3-next.30

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (92) hide show

package/CODING.md +1 -1
package/CONTRIBUTORS.md +1 -0
package/dist/debug.js +1 -1
package/dist/debug.js.map +1 -1
package/dist/itowns.js +1 -1
package/dist/itowns.js.LICENSE.txt +0 -2
package/dist/itowns.js.map +1 -1
package/dist/itowns_widgets.js +1 -1
package/dist/itowns_widgets.js.map +1 -1
package/examples/3dtiles_loader.html +109 -45
package/examples/config.json +2 -10
package/examples/entwine_3d_loader.html +3 -1
package/examples/entwine_simple_loader.html +1 -1
package/examples/images/itowns_logo.svg +123 -0
package/examples/js/plugins/COGParser.js +1 -1
package/examples/jsm/OGC3DTilesHelper.js +1 -1
package/examples/layers/JSONLayers/GeoidMNT.json +3 -1
package/examples/source_file_geojson_3d.html +0 -1
package/examples/source_stream_wfs_raster.html +0 -7
package/lib/Controls/GlobeControls.js +45 -28
package/lib/Controls/StateControl.js +5 -2
package/lib/Converter/Feature2Mesh.js +10 -4
package/lib/Converter/Feature2Texture.js +3 -1
package/lib/Converter/convertToTile.js +3 -8
package/lib/Converter/textureConverter.js +3 -4
package/lib/Core/Deprecated/Undeprecator.js +0 -1
package/lib/Core/Feature.js +1 -2
package/lib/Core/Geographic/Coordinates.js +143 -132
package/lib/Core/Geographic/Crs.js +140 -145
package/lib/Core/Geographic/Extent.js +72 -267
package/lib/Core/Geographic/GeoidGrid.js +1 -1
package/lib/Core/Math/Ellipsoid.js +62 -21
package/lib/Core/Prefab/Globe/Atmosphere.js +4 -8
package/lib/Core/Prefab/Globe/GlobeLayer.js +22 -15
package/lib/Core/Prefab/Globe/GlobeTileBuilder.js +111 -0
package/lib/Core/Prefab/GlobeView.js +2 -7
package/lib/Core/Prefab/Planar/PlanarLayer.js +17 -11
package/lib/Core/Prefab/Planar/PlanarTileBuilder.js +43 -43
package/lib/Core/Prefab/TileBuilder.js +27 -32
package/lib/Core/Prefab/computeBufferTileGeometry.js +189 -130
package/lib/Core/Style.js +3 -3
package/lib/Core/Tile/Tile.js +219 -0
package/lib/Core/Tile/TileGrid.js +43 -0
package/lib/Core/TileGeometry.js +112 -28
package/lib/Core/TileMesh.js +3 -3
package/lib/Core/View.js +15 -8
package/lib/Layer/C3DTilesLayer.js +20 -16
package/lib/Layer/ColorLayer.js +35 -9
package/lib/Layer/CopcLayer.js +5 -0
package/lib/Layer/ElevationLayer.js +39 -7
package/lib/Layer/EntwinePointTileLayer.js +12 -5
package/lib/Layer/FeatureGeometryLayer.js +20 -6
package/lib/Layer/GeometryLayer.js +42 -11
package/lib/Layer/LabelLayer.js +19 -9
package/lib/Layer/Layer.js +83 -57
package/lib/Layer/OGC3DTilesLayer.js +81 -30
package/lib/Layer/OrientedImageLayer.js +11 -5
package/lib/Layer/PointCloudLayer.js +74 -30
package/lib/Layer/Potree2Layer.js +7 -2
package/lib/Layer/PotreeLayer.js +8 -3
package/lib/Layer/RasterLayer.js +12 -2
package/lib/Layer/TiledGeometryLayer.js +69 -13
package/lib/Main.js +2 -2
package/lib/Parser/GeoJsonParser.js +1 -1
package/lib/Parser/VectorTileParser.js +1 -1
package/lib/Parser/XbilParser.js +14 -2
package/lib/Provider/Fetcher.js +5 -1
package/lib/Provider/URLBuilder.js +22 -11
package/lib/Renderer/Camera.js +1 -1
package/lib/Renderer/OBB.js +11 -13
package/lib/Renderer/PointsMaterial.js +1 -1
package/lib/Renderer/RasterTile.js +1 -2
package/lib/Renderer/SphereHelper.js +0 -6
package/lib/Source/CopcSource.js +13 -2
package/lib/Source/EntwinePointTileSource.js +14 -4
package/lib/Source/FileSource.js +1 -4
package/lib/Source/Source.js +1 -4
package/lib/Source/TMSSource.js +10 -9
package/lib/Source/VectorTilesSource.js +3 -5
package/lib/Source/WFSSource.js +15 -10
package/lib/Source/WMSSource.js +56 -18
package/lib/Source/WMTSSource.js +13 -7
package/lib/Utils/CameraUtils.js +1 -1
package/lib/Utils/gui/C3DTilesStyle.js +2 -3
package/lib/Utils/placeObjectOnGround.js +0 -1
package/package.json +13 -6
package/examples/3dtiles_25d.html +0 -120
package/examples/3dtiles_basic.html +0 -94
package/examples/3dtiles_batch_table.html +0 -86
package/examples/3dtiles_ion.html +0 -126
package/examples/3dtiles_pointcloud.html +0 -95
package/lib/Core/Prefab/Globe/BuilderEllipsoidTile.js +0 -110

package/examples/3dtiles_ion.html DELETED Viewed

@@ -1,126 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <title>Itowns - 3d-tiles from Cesium ion example</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">
-        <style type="text/css">
-            #description {
-                z-index: 2;
-                left: 10px;
-                width: 30%;
-            }
-        </style>
-        <script src="https://cdnjs.cloudflare.com/ajax/libs/dat-gui/0.7.6/dat.gui.min.js"></script>
-    </head>
-    <body>
-        <div id="description">
-            <p><b>This example displays a dataset representing extruded OSM buildings from Cesium ion
-                with Cesium default access token. Zoom to any place in the world to see the buildings. <br>
-                Buildings may appear to "fly" above the ground in some places, this is due to the combination
-                of precision errors of this dataset and of the 3D terrain we use in this example. </b>
-            </p>
-        </div>
-        <div id="attribution"></div>
-        <div id="viewerDiv"></div>
-        <!-- Import iTowns source code -->
-        <script src="../dist/itowns.js"></script>
-        <!-- Import iTowns LoadingScreen plugin -->
-        <script src="js/GUI/LoadingScreen.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: 25000000,
-            }
-            // `viewerDiv` will contain iTowns' rendering area (`<canvas>`)
-            var viewerDiv = document.getElementById('viewerDiv');
-            // Create a GlobeView
-            var viewOptions = {
-                diffuse: new itowns.THREE.Color(0xa0d5fc)
-            };
-            var view = new itowns.GlobeView(viewerDiv, placement, viewOptions);
-            // Setup loading screen
-            setupLoadingScreen(viewerDiv, view);
-            // ---------- ADD A BASEMAP: ----------
-            // 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/OPENSM.json').then(function _(config) {
-                config.source = new itowns.TMSSource(config.source);
-                var layer = new itowns.ColorLayer('Ortho', config);
-                view.addLayer(layer);
-            });
-            // ---------- ADD DIGITAL ELEVATION MODELS : ----------
-             // 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),
-                );
-            }
-            itowns.Fetcher.json('./layers/JSONLayers/IGN_MNT_HIGHRES.json').then(addElevationLayerFromConfig);
-            itowns.Fetcher.json('./layers/JSONLayers/WORLD_DTM.json').then(addElevationLayerFromConfig);
-            // ---------- ADD 3D TILES MODEL FROM CESIUM ION SERVER : ----------
-            // Enable draco compression (used by this tileset)
-            itowns.enableDracoLoader('./libs/draco/');
-            // Create a new 3D Tiles batch table hierarchy extension manager and add it to the tileset since this tileset
-            // uses this extension
-            const extensions = new itowns.C3DTExtensions();
-            extensions.registerExtension("3DTILES_batch_table_hierarchy",
-                { [itowns.C3DTilesTypes.batchtable]:
-                    itowns.C3DTBatchTableHierarchyExtension });
-            // Create a 3D Tiles layer from Cesium ion server with Cesium default access token and assetId of the
-            // OSM buildings dataset.
-            var threeDTilesIonSource = new itowns.C3DTilesIonSource({
-                accessToken: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiIzOTkxZjY3NS0yNDU4LTQ3MTAtOGQ2NC1lOGI4YmY5ODhhYjQiLCJpZCI6Mzg4OTQsImlhdCI6MTYwNjkyMDkwOH0.aVrPA4xnpbSUlqfJ9RkSWmZtms_hnSRz7m596h1R7ew',
-                assetId: 96188
-            });
-            threeDTilesIonSource.whenReady.then(displayAttributions); // Add attributions returned by cesium ion server
-            var threeDTilesIonLayer = new itowns.C3DTilesLayer('3d-tiles-cesium-ion', {
-                name: '3D Tiles from Cesium Ion',
-                source: threeDTilesIonSource,
-                registeredExtensions: extensions,
-            }, view);
-            itowns.View.prototype.addLayer.call(view, threeDTilesIonLayer);
-            // Automatically convert cesium html attributions into html node elements and append them to the
-            // attributions div
-            function displayAttributions() {
-                var attribDiv = document.getElementById('attribution');
-                for (attrib of threeDTilesIonSource.attribution) {
-                    var attribElt = document.createElement('template');
-                    attribElt.innerHTML = attrib.html;
-                    attribDiv.appendChild(attribElt.content.firstChild);
-                }
-            }
-            // ---------- ADD LIGHTS: ----------
-            var ambLight = new itowns.THREE.AmbientLight(0xffffff, 1);
-            view.scene.add( ambLight );
-        </script>
-    </body>
-</html>

package/examples/3dtiles_pointcloud.html DELETED Viewed

@@ -1,95 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <title>Itowns - Pointcloud classification</title>
-        <meta charset="UTF-8">
-        <link rel="stylesheet" type="text/css" href="css/example.css">
-        <link rel="stylesheet" type="text/css" href="css/LoadingScreen.css">
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <script src="https://cdnjs.cloudflare.com/ajax/libs/dat-gui/0.7.6/dat.gui.min.js"></script>
-    </head>
-    <body>
-        <div id="description">
-            Pointcloud classification
-            <ul>
-              <li>Display your pointcloud</li>
-              <li>Use classification to assign colour to each points</li>
-              <li>Switch between mode on the left panel</li>
-            </ul>
-        </div>
-        <div id="viewerDiv"></div>
-        <script src="js/GUI/GuiTools.js"></script>
-        <script src="../dist/itowns.js"></script>
-        <script src="js/GUI/LoadingScreen.js"></script>
-        <script src="../dist/debug.js"></script>
-        <script src="js/3dTilesHelper.js"></script>
-        <script type="text/javascript">
-            /* global itowns,document,GuiTools*/
-            var placement = {
-                coord: new itowns.Coordinates('EPSG:4326', 3.695885, 43.397379, 0),
-                range: 3000,
-                tilt: 55,
-                heading: 180
-            }
-            // iTowns namespace defined here
-            var viewerDiv = document.getElementById('viewerDiv');
-            var view = new itowns.GlobeView(viewerDiv, placement);
-            view.camera3D.near = 5;
-            setupLoadingScreen(viewerDiv, view);
-            var menuGlobe = new GuiTools('menuDiv', view, 300);
-            itowns.Fetcher.json('./layers/JSONLayers/OPENSM.json').then(function _(config) {
-                config.source = new itowns.TMSSource(config.source);
-                var layer = new itowns.ColorLayer('Ortho', config);
-                view.addLayer(layer).then(menuGlobe.addLayerGUI.bind(menuGlobe));
-            });
-            function updatePointCloudSize({tileContent}) {
-                tileContent.traverse(function (obj) {
-                    if (obj.isPoints) {
-                        obj.material.size = 2.0;
-                    }
-                });
-            }
-            // Create a new Layer 3d-tiles For Pointcloud
-            // -------------------------------------------
-            var $3dTilesSource = new itowns.C3DTilesSource({
-                    url: 'https://raw.githubusercontent.com/iTowns/iTowns2-sample-data/master/pointclouds/pnts-sete-2021-0756_6256/tileset.json',
-                });
-            var $3dTilesLayerSetePC = new itowns.C3DTilesLayer('3d-tiles-sete', {
-                name: 'SetePC',
-                sseThreshold: 5,
-                pntsMode: itowns.PNTS_MODE.CLASSIFICATION,
-                pntsShape : itowns.PNTS_SHAPE.CIRCLE,
-                source: $3dTilesSource,
-            }, view);
-            $3dTilesLayerSetePC.addEventListener(
-                itowns.C3DTILES_LAYER_EVENTS.ON_TILE_CONTENT_LOADED,
-                updatePointCloudSize,
-            );
-            itowns.View.prototype.addLayer.call(view, $3dTilesLayerSetePC);
-            function switchMode(){
-                let pntsLayer = view.getLayerById("3d-tiles-sete");
-                if(pntsLayer){
-                    pntsLayer.pntsMode = pntsLayer.pntsMode === itowns.PNTS_MODE.COLOR ? itowns.PNTS_MODE.CLASSIFICATION : itowns.PNTS_MODE.COLOR;
-                    view.notifyChange(view.camera3D);
-                }
-            }
-            // Add the UI Debug
-            var d = new debug.Debug(view, menuGlobe.gui);
-            $3dTilesLayerSetePC.whenReady
-                .then(() => {
-                    debug.createTileDebugUI(menuGlobe.gui, view, view.tileLayer, d);
-                    debug.create3dTilesDebugUI(menuGlobe.gui, view, $3dTilesLayerSetePC);
-                });
-        </script>
-    </body>
-</html>

package/lib/Core/Prefab/Globe/BuilderEllipsoidTile.js DELETED Viewed

@@ -1,110 +0,0 @@
-import * as THREE from 'three';
-import Coordinates from "../../Geographic/Coordinates.js";
-import Extent from "../../Geographic/Extent.js";
-const PI_OV_FOUR = Math.PI / 4;
-const INV_TWO_PI = 1.0 / (Math.PI * 2);
-const axisZ = new THREE.Vector3(0, 0, 1);
-const axisY = new THREE.Vector3(0, 1, 0);
-const quatToAlignLongitude = new THREE.Quaternion();
-const quatToAlignLatitude = new THREE.Quaternion();
-const quatNormalToZ = new THREE.Quaternion();
-function WGS84ToOneSubY(latitude) {
-  return 1.0 - (0.5 - Math.log(Math.tan(PI_OV_FOUR + THREE.MathUtils.degToRad(latitude) * 0.5)) * INV_TWO_PI);
-}
-class BuilderEllipsoidTile {
-  constructor() {
-    let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    this.tmp = {
-      coords: [new Coordinates('EPSG:4326', 0, 0), new Coordinates('EPSG:4326', 0, 0)],
-      position: new THREE.Vector3(),
-      dimension: new THREE.Vector2()
-    };
-    this.crs = options.crs;
-    // Order crs projection on tiles
-    this.uvCount = options.uvCount;
-    this.computeUvs = [
-    // Normalized coordinates (from degree) on the entire tile
-    // EPSG:4326
-    () => {},
-    // Float row coordinate from Pseudo mercator coordinates
-    // EPSG:3857
-    params => {
-      const t = WGS84ToOneSubY(params.projected.latitude) * params.nbRow;
-      return (!isFinite(t) ? 0 : t) - params.deltaUV1;
-    }];
-  }
-  // prepare params
-  // init projected object -> params.projected
-  prepare(params) {
-    params.nbRow = 2 ** (params.level + 1.0);
-    let st1 = WGS84ToOneSubY(params.extent.south);
-    if (!isFinite(st1)) {
-      st1 = 0;
-    }
-    const sizeTexture = 1.0 / params.nbRow;
-    const start = st1 % sizeTexture;
-    params.deltaUV1 = (st1 - start) * params.nbRow;
-    // transformation to align tile's normal to z axis
-    params.quatNormalToZ = quatNormalToZ.setFromAxisAngle(axisY, -(Math.PI * 0.5 - THREE.MathUtils.degToRad(params.extent.center().latitude)));
-    // let's avoid building too much temp objects
-    params.projected = {
-      longitude: 0,
-      latitude: 0
-    };
-    params.extent.planarDimensions(this.tmp.dimension);
-  }
-  // get center tile in cartesian 3D
-  center(extent) {
-    return extent.center(this.tmp.coords[0]).as(this.crs, this.tmp.coords[1]).toVector3();
-  }
-  // get position 3D cartesian
-  vertexPosition(params) {
-    this.tmp.coords[0].setFromValues(params.projected.longitude, params.projected.latitude);
-    this.tmp.coords[0].as(this.crs, this.tmp.coords[1]).toVector3(this.tmp.position);
-    return this.tmp.position;
-  }
-  // get normal for last vertex
-  vertexNormal() {
-    return this.tmp.coords[1].geodesicNormal;
-  }
-  // coord u tile to projected
-  uProjecte(u, params) {
-    params.projected.longitude = params.extent.west + u * this.tmp.dimension.x;
-  }
-  // coord v tile to projected
-  vProjecte(v, params) {
-    params.projected.latitude = params.extent.south + v * this.tmp.dimension.y;
-  }
-  computeSharableExtent(extent) {
-    // Compute sharable extent to pool the geometries
-    // the geometry in common extent is identical to the existing input
-    // with a transformation (translation, rotation)
-    // TODO: It should be possible to use equatorial plan symetrie,
-    // but we should be reverse UV on tile
-    // Common geometry is looking for only on longitude
-    const sizeLongitude = Math.abs(extent.west - extent.east) / 2;
-    const sharableExtent = new Extent(extent.crs, -sizeLongitude, sizeLongitude, extent.south, extent.north);
-    // compute rotation to transform tile to position it on ellipsoid
-    // this transformation take into account the transformation of the parents
-    const rotLon = THREE.MathUtils.degToRad(extent.west - sharableExtent.west);
-    const rotLat = THREE.MathUtils.degToRad(90 - extent.center(this.tmp.coords[0]).latitude);
-    quatToAlignLongitude.setFromAxisAngle(axisZ, rotLon);
-    quatToAlignLatitude.setFromAxisAngle(axisY, rotLat);
-    quatToAlignLongitude.multiply(quatToAlignLatitude);
-    return {
-      sharableExtent,
-      quaternion: quatToAlignLongitude.clone(),
-      position: this.center(extent)
-    };
-  }
-}
-export default BuilderEllipsoidTile;