Add support for EPT

Author: giswqs

index.html

@@ -173,13 +173,13 @@
   <!-- URL Input Form -->
   <div id="url-form-container">
     <h1>LiDAR Point Cloud Viewer</h1>
-    <p class="subtitle">Enter a COPC LAZ file URL to visualize</p>
+    <p class="subtitle">Enter a COPC LAZ or EPT URL to visualize</p>
 
     <form id="url-form">
       <input
         type="url"
         id="url-input"
-        placeholder="https://example.com/pointcloud.copc.laz"
+        placeholder="https://example.com/pointcloud.copc.laz or ept.json"
         required
       >
       <button type="submit" id="load-btn">Load</button>
@@ -196,6 +196,9 @@ <h1>LiDAR Point Cloud Viewer</h1>
       <button type="button" data-url="https://data.opengeos.org/USGS_LPC_TX_CoastalRegion_2018_A18_stratmap18-50cm-2995201a1.copc.laz">
         Texas Coastal Region
       </button>
+      <button type="button" data-url="https://s3-us-west-2.amazonaws.com/usgs-lidar-public/AL_17Co_1_2020/ept.json">
+        Alabama USGS (EPT)
+      </button>
     </div>
 
     <div class="footer-links">

package-lock.json

@@ -12,7 +12,7 @@
   "license": "MIT",
   "dependencies": {
     "maplibre-gl": "^5.14.0",
-    "maplibre-gl-lidar": "^0.5.0",
+    "maplibre-gl-lidar": "^0.6.1",
     "maplibre-gl-layer-control": "^0.8.1"
   },
   "devDependencies": {

package.json

@@ -80,10 +80,11 @@ function initLidarControl(): LidarControl {
  * Load a point cloud from the given URL.
  *
  * Initializes the map and LiDAR control if needed, loads the point cloud
- * data, and updates the UI accordingly.
+ * data, and updates the UI accordingly. Supports both COPC LAZ files and
+ * EPT (Entwine Point Tiles) datasets.
  *
  * Args:
- *     url: The URL of the COPC LAZ file to load.
+ *     url: The URL of the COPC LAZ file or EPT ept.json to load.
  */
 async function loadPointCloud(url: string): Promise<void> {
   // Show loading indicator
@@ -117,8 +118,9 @@ async function loadPointCloud(url: string): Promise<void> {
             'raster-opacity': 1,
           },
           layout: {
-            visibility: 'none', // Hidden by default
+            visibility: 'visible', // Visible by default
           },
+          minzoom: 16,
         },
       );
 
@@ -155,8 +157,13 @@ async function loadPointCloud(url: string): Promise<void> {
     newUrl.searchParams.set('url', url);
     window.history.pushState({}, '', newUrl.toString());
 
-    // Update page title
-    const filename = url.split('/').pop() || 'Point Cloud';
+    // Update page title (handle EPT URLs specially)
+    let filename = url.split('/').pop() || 'Point Cloud';
+    if (filename === 'ept.json') {
+      // For EPT URLs like .../dublin/ept.json, use the parent folder name
+      const parts = url.split('/');
+      filename = parts[parts.length - 2] || 'EPT Dataset';
+    }
     document.title = `${filename} - LiDAR Viewer`;
 
     // Hide form when point cloud is loaded