@maptrip/map-tiles 1.2.0 → 1.2.1

package/dist/types/interfaces.d.ts

@@ -35,13 +35,6 @@ export interface Renderer {
         dy: number;
     };
     filters?: Filter[];
-    [key: string]: any;
-}
-export interface Filter {
-    interface: string;
-    key: string;
-    value?: any;
-    type: string;
 }
 export interface RENDERING_CONFIG {
     background: {
@@ -56,6 +49,12 @@ export interface RENDERING_CONFIG {
         [key: string]: Renderer[];
     };
 }
+export interface Filter {
+    interface: string;
+    key: string;
+    value?: any;
+    type: string;
+}
 export interface PolylineTextStyle {
     size: number;
     color: string;
@@ -79,8 +78,8 @@ export interface PolygonStyle {
     opacity?: number | undefined;
     outlineColor?: string | undefined;
     outlineWidth?: number | undefined;
-    url: string;
-    font: string;
+    url?: string | undefined;
+    font?: string | undefined;
     fontStyle?: string | undefined;
     fontWeight?: string | undefined;
     size?: number | undefined;

package/lib/api-extensions/google/MapTripGoogleMapType.ts

@@ -1,6 +1,9 @@
 import { VectorTileFactory } from "../../core/VectorTileFactory.js";
 import { MIN_ZOOM, MAX_ZOOM } from "../../core/constants.js";
-import { PointXY, RENDERING_CONFIG } from "../../types/interfaces.js";
+import {
+  RENDERING_CONFIG
+} from "../../types/interfaces.js";
+import { PointXY } from "../../types/interfaces.js";
 
 class MapTripGoogleMapType {
   tileSize = new google.maps.Size(256, 256);

package/lib/api-extensions/leaflet/MapTripLeafletGridLayer.ts

@@ -1,14 +1,17 @@
 import L from "leaflet";
-
 import { VectorTileFactory } from "../../core/VectorTileFactory.js";
 import { MIN_ZOOM, MAX_ZOOM, ATTRIBUTION } from "../../core/constants.js";
-import type { PointXY, RENDERING_CONFIG } from "../../types/interfaces.js";
-
-const MapTripLeafletGridLayer = L.GridLayer.extend({
-  MIN_ZOOM: MIN_ZOOM,
-  MAX_ZOOM: MAX_ZOOM,
+import type { PointXY } from "../../types/interfaces.js";
+import {
+  RENDERING_CONFIG
+} from "../../types/interfaces.js";
 
-  initialize: function (options: {
+class MapTripLeafletGridLayer extends L.GridLayer {
+  MIN_ZOOM = MIN_ZOOM;
+  MAX_ZOOM = MAX_ZOOM;
+  token: string;
+  factory: VectorTileFactory;
+  constructor(options: {
     provider?: string;
     baseMap?: boolean;
     traffic?: boolean;
@@ -21,24 +24,25 @@ const MapTripLeafletGridLayer = L.GridLayer.extend({
     minZoom?: number;
     maxZoom?: number;
   }) {
-    if (options) {
-      this.token = options.token;
-      this.options.attribution = options.attribution
-        ? options.attribution
-        : ATTRIBUTION;
-      this.options.minZoom = options.minZoom
-        ? Math.max(this.MIN_ZOOM, options.minZoom)
-        : this.MIN_ZOOM;
-      this.options.maxZoom = options.maxZoom
-        ? Math.min(this.MAX_ZOOM, options.maxZoom)
-        : this.MAX_ZOOM;
-      this.factory = VectorTileFactory.createFactory(options);
-    }
-  },
+    super(options as L.GridLayerOptions);
+    this.token = options.token!;
+    this.options.attribution = options.attribution
+      ? options.attribution
+      : ATTRIBUTION;
+    //@ts-expect-error picking up LayerOptions rather than GridLayerOptions
+    this.options.minZoom = options.minZoom
+      ? Math.max(this.MIN_ZOOM, options.minZoom)
+      : this.MIN_ZOOM;
+    //@ts-expect-error
+    this.options.maxZoom = options.maxZoom
+      ? Math.min(this.MAX_ZOOM, options.maxZoom)
+      : this.MAX_ZOOM;
+    this.factory = VectorTileFactory.createFactory(options);
+  }
 
-  createTile: function (coords: PointXY) {
-    return this.factory.getJsonTile(coords.z, coords.x, coords.y, this.token);
-  },
-});
+  createTile(coords: PointXY) {
+    return this.factory.getJsonTile(coords.z!, coords.x, coords.y, this.token);
+  }
+}
 
 export { MapTripLeafletGridLayer };

package/lib/api-extensions/openlayers/MapTripOpenLayersSource.ts

@@ -18,6 +18,7 @@ class MapTripOpenLayersSource extends XYZ {
     renderingConfig?: RENDERING_CONFIG;
     token?: string;
   }) {
+    super();
     const options: XYZOptions = {};
     const projection = "EPSG:3857";
 

package/lib/core/VectorTileFactory.ts

@@ -8,18 +8,18 @@ import {
   PROVIDER_TRAFFIC,
 } from "./constants.js";
 
+import WebFont from "webfontloader";
 import { RENDERING_CONFIG_DEFAULT } from "./rendering_config_default.js";
 import { RENDERING_CONFIG_TRAFFIC } from "./rendering_config_traffic.js";
 
-import WebFont from "webfontloader";
 import {
   Boundaries,
   Coordinates,
-  RENDERING_CONFIG,
   SuccessCallback,
   MapTilesProperties,
 } from "../types/interfaces.js";
 
+import { RENDERING_CONFIG } from "../types/interfaces.js"
 /**
  * Creates a factory to create tiles from the provided URL templates.
  *
@@ -145,17 +145,21 @@ class VectorTileFactory {
     }
   }
 
-  private static getRenderingConfig(properties: MapTilesProperties) {
-    if (properties) {
-      if (properties.renderingConfig) {
-        return properties.renderingConfig;
-      } else if (properties.baseMap) {
-        return RENDERING_CONFIG_DEFAULT;
-      } else {
-        return RENDERING_CONFIG_TRAFFIC;
-      }
-    } else {
+  private static getRenderingConfig(properties: {
+    provider?: string;
+    baseMap?: boolean;
+    traffic?: boolean;
+    timeout?: number;
+    parallelDownloads?: number;
+    detourProfile?: string;
+    renderingConfig?: RENDERING_CONFIG;
+  }) {
+    if (properties.renderingConfig) {
+      return properties.renderingConfig;
+    } else if (properties.baseMap) {
       return RENDERING_CONFIG_DEFAULT;
+    } else {
+      return RENDERING_CONFIG_TRAFFIC;
     }
   }
 

package/lib/core/VectorTileRenderer.ts

@@ -15,11 +15,12 @@ import {
   PolylineStyle,
   PolylineTextStyle,
   PositionXY,
-  RENDERING_CONFIG,
   Renderer,
   Vertex,
 } from "../types/interfaces.js";
 
+import { RENDERING_CONFIG} from "../types/interfaces.js"
+
 class VectorTileRenderer {
   private _styles: RENDERING_CONFIG;
   private _images: { [key: string]: HTMLImageElement };
@@ -159,9 +160,11 @@ class VectorTileRenderer {
       const geometry = layer[i].geometry;
 
       // Look up the renderer for this kind of data
-      const rendererName = this._styles?.layers[kind];
+      //@ts-ignore
+      const rendererName = this._styles.layers[kind];
       const renderer = rendererName
-        ? this._styles?.renderers[rendererName]
+        ? //@ts-ignore
+          this._styles?.renderers[rendererName]
         : undefined;
 
       if (renderer) {
@@ -426,7 +429,7 @@ class VectorTileRenderer {
     texts?: { [key: string]: any }
   ): void {
     if (style) {
-      var merged = { ...VectorTileRenderer.DEFAULT_STYLE.POLYGON, ...style };
+      let merged = { ...VectorTileRenderer.DEFAULT_STYLE.POLYGON, ...style };
 
       for (var j = 0; j < coordinates.length; j++) {
         var part = coordinates[j];
@@ -491,7 +494,7 @@ class VectorTileRenderer {
               return;
             }
 
-            merged = { ...VectorTileRenderer.DEFAULT_STYLE.TEXT, ...style };
+            let merged = { ...VectorTileRenderer.DEFAULT_STYLE.TEXT, ...style };
 
             context.globalAlpha = merged.opacity;
             context.font =
@@ -1123,8 +1126,11 @@ class VectorTileRenderer {
 
   preloadImages(): void {
     for (const name in this._styles?.renderers) {
+      //@ts-ignore not allowing for bracket notation
       for (let i = 0; i < this._styles.renderers[name].length; i++) {
+        //@ts-ignore not allowing for bracket notation
         for (const renderer in this._styles.renderers[name][i]) {
+          //@ts-ignore not allowing for bracket notation
           const config = this._styles.renderers[name][i][renderer];
 
           if (config.url) {
@@ -1146,7 +1152,9 @@ class VectorTileRenderer {
     let result = [];
 
     for (let renderer in this._styles?.renderers) {
+      //@ts-ignore not allowing for bracket notation
       for (let i = 0; i < this._styles.renderers[renderer].length; i++) {
+        //@ts-ignore not allowing for bracket notation
         let text = this._styles.renderers[renderer][i].text;
         if (text) {
           let merged = { ...VectorTileRenderer.DEFAULT_STYLE.TEXT, ...text };