xeokit LAS/LAZ Importer

---

Import 3D LiDAR point cloud datasets into xeokit.

---

The xeokit SDK enables the import of 3D models from LAS, a widely used file format for exchanging 3D point cloud data.

The LAS format is a standardized binary format that stores LiDAR-generated point cloud data. It includes metadata such as headers, point attributes, and supports both compressed and uncompressed data. LAS is widely used in industries like surveying, mapping, and urban planning.

To import an LAS model into xeokit, use the loadLAS function to load the file into a SceneModel and a DataModel.

---

---

Installation

npm install @xeokit/sdk
Copy

Usage

The following example demonstrates how to use loadLAS.

First, we create a Viewer with a WebGLRenderer and a Scene to manage the 3D scene.

We also define a single View to render the scene on a canvas. A CameraControl is attached to the view, allowing interaction via mouse and touch input.

Next, we create a SceneModel to store the model geometry and materials. Finally, we use loadLAS to load an LAS/LAZ file into the SceneModel.

import { SDKError } from "@xeokit/sdk/core";
import { Scene } from "@xeokit/sdk/scene";
import { Data } from "@xeokit/sdk/data";
import { WebGLRenderer } from "@xeokit/sdk/webglrenderer";
import { Viewer } from "@xeokit/sdk/viewer";
import { CameraControl } from "@xeokit/sdk/cameracontrol";
import { loadLAS } from "@xeokit/sdk/las";

const scene = new Scene();
const data = new Data();

const renderer = new WebGLRenderer({});

const viewer = new Viewer({
    id: "myViewer",
    scene,
    renderer
});

const view = viewer.createView({
    id: "myView",
    elementId: "myCanvas" // Ensure this HTMLElement exists in the page
});

view.camera.eye = [1841982.93, 10.03, -5173286.74];
view.camera.look = [1842009.49, 9.68, -5173295.85];
view.camera.up = [0.0, 1.0, 0.0];

new CameraControl(view, {});

const sceneModel = scene.createModel({ id: "myModel" });
const dataModel = data.createModel({ id: "myModel" });

fetch("model.las")
    .then(response => response.arrayBuffer())
    .then(fileData => {
        loadLAS(
            {
                fileData,
                sceneModel,
                dataModel // Optional
            },
            {
                fp64: false,        // Expect points as 64-bit floats? (default: true)
                colorDepth: "auto", // 8, 16, or "auto" (default: "auto")
                skip: 1,            // Load every nth point (default: 1)
                center: false,      // Center the points? (default: false)
                transform: [        // Optional transformation matrix
                    1, 0, 0, 0,
                    0, 1, 0, 0,
                    0, 0, 1, 0,
                    0, 0, 0, 1
                ]
            }
        )
        .then(() => {
            sceneModel.build();
            dataModel.build();
        })
        .catch(err => {
            sceneModel.destroy();
            dataModel.destroy();
            console.error(`Error loading LAS/LAZ file: ${err}`);
        });
    })
    .catch(err => console.error(`Error fetching model: ${err}`));
Copy