tileserver-gl-light 5.3.0 → 5.3.1-pre.0

package/CHANGELOG.md

@@ -1,5 +1,9 @@
 # tileserver-gl changelog
 
+## 5.3.1-pre.0
+* bump maplibre-gl from 5.4.0 to 5.5.0 (https://github.com/maptiler/tileserver-gl/pull/1546). Fixes (https://github.com/maptiler/tileserver-gl/issues/1539) and (https://github.com/maptiler/tileserver-gl/issues/1530)
+* bump @maplibre/maplibre-gl-native from 6.0.0 to 6.1.0 (https://github.com/maptiler/tileserver-gl/pull/1536).
+
 ## 5.3.0
 * Fix - Include public\resources js files on npm publish by specifying included files in package.json (https://github.com/maptiler/tileserver-gl/pull/1490) by @acalcutt
 * Fix - Various Updates and Fix RTL Plugin Load (https://github.com/maptiler/tileserver-gl/pull/1489) by @okimiko

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tileserver-gl-light",
-  "version": "5.3.0",
+  "version": "5.3.1-pre.0",
   "description": "Map tile server for JSON GL styles - serving vector tiles",
   "main": "src/main.js",
   "bin": "src/main.js",
@@ -41,10 +41,10 @@
     "@mapbox/sphericalmercator": "2.0.1",
     "@mapbox/vector-tile": "2.0.3",
     "@maplibre/maplibre-gl-inspect": "1.7.1",
-    "@maplibre/maplibre-gl-style-spec": "23.1.0",
+    "@maplibre/maplibre-gl-style-spec": "23.2.2",
     "@sindresorhus/fnv1a": "3.1.0",
     "advanced-pool": "0.3.3",
-    "axios": "^1.8.4",
+    "axios": "^1.9.0",
     "chokidar": "4.0.3",
     "clone": "2.1.2",
     "color": "5.0.0",
@@ -56,7 +56,7 @@
     "http-shutdown": "1.2.2",
     "leaflet": "1.9.4",
     "leaflet-hash": "0.2.1",
-    "maplibre-gl": "5.3.1",
+    "maplibre-gl": "5.5.0",
     "morgan": "1.10.0",
     "pbf": "4.0.1",
     "pmtiles": "4.3.0",

package/public/resources/elevation-control.js

@@ -16,23 +16,32 @@ class ElevationInfoControl {
       this.controlContainer.classList.add("maplibre-ctrl-elevation");
       this.controlContainer.textContent = "Elevation: Click on Map";
 
+      this.marker = new maplibregl.Marker();
+
       map.on('click', (e) => {
         var url = this.url;
         var coord = {"z": Math.floor(map.getZoom()), "x": e.lngLat["lng"].toFixed(7), "y": e.lngLat["lat"].toFixed(7)};
-        for(var key in coord) {
-          url = url.replace(new RegExp('{'+ key +'}','g'), coord[key]);
-        }
+        if (map.transform.isPointOnMapSurface(e.point)) {
+          for(var key in coord) {
+            url = url.replace(new RegExp('{'+ key +'}','g'), coord[key]);
+          }
+
+          this.marker.remove();
+          this.marker.setLngLat(e.lngLat).addTo(this.map);
 
-        let request = new XMLHttpRequest();
-        request.open("GET", url, true);
-        request.onload = () => {
-          if (request.status !== 200) {
-            this.controlContainer.textContent = "Elevation: No value";
-          } else {
-            this.controlContainer.textContent = `Elevation: ${JSON.parse(request.responseText).elevation} (${JSON.stringify(coord)})`;
+          let request = new XMLHttpRequest();
+          request.open("GET", url, true);
+          request.onload = () => {
+            if (request.status !== 200) {
+              this.controlContainer.textContent = "Elevation: No value";
+            } else {
+              this.controlContainer.textContent = `Elevation: ${JSON.parse(request.responseText).elevation} (${JSON.stringify(coord)})`;
+            }
           }
+          request.send();
+        } else {
+          this.controlContainer.textContent = "Elevation: Click on Globe";
         }
-        request.send();
       });
       return this.controlContainer;
     }
@@ -47,5 +56,7 @@ class ElevationInfoControl {
       }
       this.controlContainer.parentNode.removeChild(this.controlContainer);
       this.map = undefined;
+      this.marker.remove();
+      this.marker = undefined;
     }
   };