@maptiler/sdk 1.0.2 → 1.0.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@maptiler/sdk",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "description": "The Javascript & TypeScript map SDK tailored for MapTiler Cloud",
   "module": "dist/maptiler-sdk.mjs",
   "types": "dist/maptiler-sdk.d.ts",

package/readme.md

@@ -593,7 +593,7 @@ const imageLink = maptilerClient.staticMaps.automatic({
   path: trackPoints,
 
   // Adding a marker for the starting point, with a custom color (array of shape [lng, lat, color])
-  marker: [trackPoints[0][0], trackPoints[0][1], '#0a0'],
+  markers: [trackPoints[0][0], trackPoints[0][1], '#0a0'],
 
   // Showing the track in red
   pathStrokeColor: 'red',

package/src/CustomGeolocateControl.ts

@@ -25,9 +25,14 @@ export class CustomGeolocateControl extends GeolocateControl {
     const options = {
       bearing,
       ...this.options.fitBoundsOptions,
+      linear: true,
     };
 
-    console.log("moving camera");
+    const currentMapZoom = this._map.getZoom();
+
+    if (currentMapZoom > this.options.fitBoundsOptions.maxZoom) {
+      options.zoom = currentMapZoom;
+    }
 
     this._map.fitBounds(center.toBounds(radius), options, {
       geolocateSource: true, // tag this camera change so it won't cause the control to change to background state
@@ -36,7 +41,6 @@ export class CustomGeolocateControl extends GeolocateControl {
     let hasFittingBeenDisrupted = false;
 
     const flagFittingDisruption = () => {
-      console.log("DISRUPTED FITTING!");
       hasFittingBeenDisrupted = true;
     };
 
@@ -48,8 +52,6 @@ export class CustomGeolocateControl extends GeolocateControl {
     this._map.once("wheel", flagFittingDisruption);
 
     this._map.once("moveend", () => {
-      console.log("done moving, with disruption:", hasFittingBeenDisrupted);
-
       // Removing the events if not used
       this._map.off("click", flagFittingDisruption);
       this._map.off("dblclick", flagFittingDisruption);

package/src/Map.ts

@@ -130,8 +130,6 @@ export class Map extends maplibregl.Map {
 
   constructor(options: MapOptions) {
     const style = styleToStyle(options.style);
-    console.log(style);
-
     const hashPreConstructor = location.hash;
 
     if (!config.apiKey) {
@@ -147,7 +145,19 @@ export class Map extends maplibregl.Map {
       maplibreLogo: false,
 
       transformRequest: (url: string) => {
-        const reqUrl = new URL(url);
+        let reqUrl = null;
+
+        try {
+          // The URL is expected to be absolute.
+          // Yet, if it's local we just return it without assuming a 'base' url (in the URL constructor)
+          // and we let the URL be locally resolved with a potential base path.
+          reqUrl = new URL(url);
+        } catch (e) {
+          return {
+            url,
+            headers: {},
+          };
+        }
 
         if (reqUrl.host === defaults.maptilerApiHost) {
           if (!reqUrl.searchParams.has("key")) {

package/src/TerrainControl.ts

@@ -53,12 +53,6 @@ export class TerrainControl implements maplibregl.IControl {
   }
 
   _toggleTerrain() {
-    // if (this._map.getTerrain()) {
-    //     this._map.setTerrain(null);
-    // } else {
-    //     this._map.setTerrain(this.options);
-    // }
-
     if (this._map.hasTerrain()) {
       this._map.disableTerrain();
     } else {

package/src/mapstyle.ts

@@ -23,7 +23,13 @@ export function styleToStyle(
 
   // If the provided style is a shorthand (eg. "streets-v2") or a full style URL
   if (typeof style === "string" || style instanceof String) {
-    return expandMapStyle(style);
+    if (!style.startsWith("http") && style.toLowerCase().includes(".json")) {
+      // If a style does not start by http but still contains the extension ".json"
+      // we assume it's a relative path to a style json file
+      return style as string;
+    } else {
+      return expandMapStyle(style);
+    }
   }
 
   if (style instanceof MapStyleVariant) {