@maptrip/map-tiles 1.3.3 → 1.5.0

package/README.md

@@ -188,7 +188,7 @@ Please refer to the documentation of your API to see how you can implement your
 ## Map Data Providers
 
 The maps can be rendered with map data from various providers. To do this, set the property `provider`
-to one of the strings `TomTom`, `HERE` or `OpenStreetmap` when creating a factory:
+to one of the strings `TomTom`, `Orbis`, `HERE` or `OpenStreetmap` when creating a factory:
 
 ```js
 const factory = VectorTileFactory.createFactory({
@@ -236,7 +236,7 @@ You can specify a third parameter with properties when creating the factory. The
 
 | Property          | Description                                                                                       | Default Value            |
 | ----------------- | ------------------------------------------------------------------------------------------------- | ------------------------ |
-| provider          | The map data provider (`TomTom`, `HERE` or `OpenStreetmap`)                                       | OpenStreetmap            |
+| provider          | The map data provider (`TomTom`, `Orbis`, `HERE` or `OpenStreetmap`)                              | OpenStreetmap            |
 | baseMap           | Set to `false` for a traffic overlay which can be used on top of e.g. an aerial view              | true                     |
 | traffic           | Add traffic flows to the map tiles (only available for TomTom and HERE maps)                      | false                    |
 | timeout           | Load timeout for tiles in milliseconds. Increase this if you have a very slow internet connection | 5000                     |
@@ -278,6 +278,19 @@ To use them, you mapping API has to be able to use both base layers and overlays
 
 ## History
 
+- 1.5.0
+  - Fixed rendering of urban green spaces
+  - Improved rendering of outlines
+  - Improved arrows of one way streets
+  - Minor roads: Added outline, standardized width for regular streets and one-way streets
+  - Residential roads: Added outline, standardized width for regular streets and one-way streets
+  - Improved rendering of railways
+  - Updated dependencies with security vulnerabilities
+- 1.4.0:
+  - Added map data provider `Orbis`
+  - Added map data provider name to attribution
+  - Fixed rendering of polygons with rings (esp. small islands)
+  - Updated dependencies with security vulnerabilities
 - 1.3.3: Added a link for demo apps to README.md
 - 1.3.2: Updated dependencies with security vulnerabilities
 - 1.3.1: Updated all all providers to use the latest build of the project

package/dist/core/VectorTileFactory.d.ts

@@ -26,6 +26,8 @@ declare class VectorTileFactory {
     private static getUrlTemplatesForBaseLayer;
     private static getUrlTemplatesForTrafficLayer;
     private static getRenderingConfig;
+    private createCanvas;
+    private cropCanvas;
     getJsonTile(z: number, x: number, y: number, token: string, callback?: SuccessCallback): HTMLCanvasElement;
     /**
      * @private

package/dist/core/constants.d.ts

@@ -2,9 +2,14 @@ export declare const URL_TEMPLATE = "https://v${index}.maptrip.de/?tilex=${x}&ti
 export declare const PROVIDER_PROJECTS: {
     [key: string]: string;
 };
+export declare const PROVIDER_NAMES: {
+    [key: string]: string;
+};
 export declare const PROVIDER_TRAFFIC: {
     [key: string]: string | null;
 };
 export declare const MIN_ZOOM = 2;
 export declare const MAX_ZOOM = 18;
 export declare const ATTRIBUTION = "&#169;&nbsp;<a href=\"https://maptrip.de/\" target=\"_blank\">infoware GmbH</a>";
+export declare const VECTOR_TILE_SIZE = 256;
+export declare const VECTOR_TILE_RENDER_PADDING = 32;

package/dist/core/rendering_config_default.d.ts

@@ -352,6 +352,24 @@ declare const RENDERING_CONFIG_DEFAULT: {
             line: {
                 width: number;
                 color: string;
+                outlineColor: string;
+                outlineWidth: number;
+            };
+            text: {
+                size: number;
+                color: string;
+                font: string;
+                outlineColor: string;
+                outlineWidth: number;
+            };
+        } | {
+            from: number;
+            to: number;
+            line: {
+                width: number;
+                color: string;
+                outlineColor?: undefined;
+                outlineWidth?: undefined;
             };
             text: {
                 size: number;
@@ -366,6 +384,8 @@ declare const RENDERING_CONFIG_DEFAULT: {
             line: {
                 width: number;
                 color: string;
+                outlineColor?: undefined;
+                outlineWidth?: undefined;
             };
             text?: undefined;
         })[];
@@ -376,10 +396,9 @@ declare const RENDERING_CONFIG_DEFAULT: {
                 width: number;
                 color: string;
                 url: string;
-                height: number;
-                dx: number;
-                dy: number;
                 direction: string;
+                outlineColor: string;
+                outlineWidth: number;
             };
             text: {
                 size: number;
@@ -395,10 +414,9 @@ declare const RENDERING_CONFIG_DEFAULT: {
                 width: number;
                 color: string;
                 url?: undefined;
-                height?: undefined;
-                dx?: undefined;
-                dy?: undefined;
                 direction?: undefined;
+                outlineColor?: undefined;
+                outlineWidth?: undefined;
             };
             text: {
                 size: number;
@@ -414,10 +432,9 @@ declare const RENDERING_CONFIG_DEFAULT: {
                 width: number;
                 color: string;
                 url?: undefined;
-                height?: undefined;
-                dx?: undefined;
-                dy?: undefined;
                 direction?: undefined;
+                outlineColor?: undefined;
+                outlineWidth?: undefined;
             };
             text?: undefined;
         })[];
@@ -428,10 +445,9 @@ declare const RENDERING_CONFIG_DEFAULT: {
                 width: number;
                 color: string;
                 url: string;
-                height: number;
-                dx: number;
-                dy: number;
                 direction: string;
+                outlineColor: string;
+                outlineWidth: number;
             };
             text: {
                 size: number;
@@ -447,10 +463,9 @@ declare const RENDERING_CONFIG_DEFAULT: {
                 width: number;
                 color: string;
                 url?: undefined;
-                height?: undefined;
-                dx?: undefined;
-                dy?: undefined;
                 direction?: undefined;
+                outlineColor?: undefined;
+                outlineWidth?: undefined;
             };
             text: {
                 size: number;
@@ -466,10 +481,9 @@ declare const RENDERING_CONFIG_DEFAULT: {
                 width: number;
                 color: string;
                 url?: undefined;
-                height?: undefined;
-                dx?: undefined;
-                dy?: undefined;
                 direction?: undefined;
+                outlineColor?: undefined;
+                outlineWidth?: undefined;
             };
             text?: undefined;
         })[];
@@ -518,9 +532,6 @@ declare const RENDERING_CONFIG_DEFAULT: {
                 width: number;
                 color: string;
                 url: string;
-                height: number;
-                dx: number;
-                dy: number;
                 direction: string;
             };
             text: {
@@ -537,9 +548,6 @@ declare const RENDERING_CONFIG_DEFAULT: {
                 width: number;
                 color: string;
                 url?: undefined;
-                height?: undefined;
-                dx?: undefined;
-                dy?: undefined;
                 direction?: undefined;
             };
             text: {
@@ -557,9 +565,6 @@ declare const RENDERING_CONFIG_DEFAULT: {
                 width: number;
                 color: string;
                 url: string;
-                height: number;
-                dx: number;
-                dy: number;
                 direction: string;
             };
             text: {
@@ -576,9 +581,6 @@ declare const RENDERING_CONFIG_DEFAULT: {
                 width: number;
                 color: string;
                 url?: undefined;
-                height?: undefined;
-                dx?: undefined;
-                dy?: undefined;
                 direction?: undefined;
             };
             text: {
@@ -606,14 +608,25 @@ declare const RENDERING_CONFIG_DEFAULT: {
                 outlineWidth: number;
             };
         }[];
-        rail: {
+        rail: ({
             from: number;
             to: number;
             line: {
                 width: number;
                 color: string;
+                dashColor: string;
+                dashLength: number;
             };
-        }[];
+        } | {
+            from: number;
+            to: number;
+            line: {
+                width: number;
+                color: string;
+                dashLength: number;
+                dashColor?: undefined;
+            };
+        })[];
         ferry: ({
             from: number;
             to: number;

package/dist/core/rendering_config_grayscale.d.ts

@@ -352,6 +352,24 @@ declare const RENDERING_CONFIG_GRAYSCALE: {
             line: {
                 width: number;
                 color: string;
+                outlineColor: string;
+                outlineWidth: number;
+            };
+            text: {
+                size: number;
+                color: string;
+                font: string;
+                outlineColor: string;
+                outlineWidth: number;
+            };
+        } | {
+            from: number;
+            to: number;
+            line: {
+                width: number;
+                color: string;
+                outlineColor?: undefined;
+                outlineWidth?: undefined;
             };
             text: {
                 size: number;
@@ -366,6 +384,8 @@ declare const RENDERING_CONFIG_GRAYSCALE: {
             line: {
                 width: number;
                 color: string;
+                outlineColor?: undefined;
+                outlineWidth?: undefined;
             };
             text?: undefined;
         })[];
@@ -376,10 +396,9 @@ declare const RENDERING_CONFIG_GRAYSCALE: {
                 width: number;
                 color: string;
                 url: string;
-                height: number;
-                dx: number;
-                dy: number;
                 direction: string;
+                outlineColor: string;
+                outlineWidth: number;
             };
             text: {
                 size: number;
@@ -395,10 +414,9 @@ declare const RENDERING_CONFIG_GRAYSCALE: {
                 width: number;
                 color: string;
                 url?: undefined;
-                height?: undefined;
-                dx?: undefined;
-                dy?: undefined;
                 direction?: undefined;
+                outlineColor?: undefined;
+                outlineWidth?: undefined;
             };
             text: {
                 size: number;
@@ -414,10 +432,9 @@ declare const RENDERING_CONFIG_GRAYSCALE: {
                 width: number;
                 color: string;
                 url?: undefined;
-                height?: undefined;
-                dx?: undefined;
-                dy?: undefined;
                 direction?: undefined;
+                outlineColor?: undefined;
+                outlineWidth?: undefined;
             };
             text?: undefined;
         })[];
@@ -428,10 +445,9 @@ declare const RENDERING_CONFIG_GRAYSCALE: {
                 width: number;
                 color: string;
                 url: string;
-                height: number;
-                dx: number;
-                dy: number;
                 direction: string;
+                outlineColor: string;
+                outlineWidth: number;
             };
             text: {
                 size: number;
@@ -447,10 +463,9 @@ declare const RENDERING_CONFIG_GRAYSCALE: {
                 width: number;
                 color: string;
                 url?: undefined;
-                height?: undefined;
-                dx?: undefined;
-                dy?: undefined;
                 direction?: undefined;
+                outlineColor?: undefined;
+                outlineWidth?: undefined;
             };
             text: {
                 size: number;
@@ -466,10 +481,9 @@ declare const RENDERING_CONFIG_GRAYSCALE: {
                 width: number;
                 color: string;
                 url?: undefined;
-                height?: undefined;
-                dx?: undefined;
-                dy?: undefined;
                 direction?: undefined;
+                outlineColor?: undefined;
+                outlineWidth?: undefined;
             };
             text?: undefined;
         })[];
@@ -532,9 +546,6 @@ declare const RENDERING_CONFIG_GRAYSCALE: {
                 width: number;
                 color: string;
                 url: string;
-                height: number;
-                dx: number;
-                dy: number;
                 direction: string;
             };
             text: {
@@ -551,9 +562,6 @@ declare const RENDERING_CONFIG_GRAYSCALE: {
                 width: number;
                 color: string;
                 url?: undefined;
-                height?: undefined;
-                dx?: undefined;
-                dy?: undefined;
                 direction?: undefined;
             };
             text: {
@@ -571,9 +579,6 @@ declare const RENDERING_CONFIG_GRAYSCALE: {
                 width: number;
                 color: string;
                 url: string;
-                height: number;
-                dx: number;
-                dy: number;
                 direction: string;
             };
             text: {
@@ -590,9 +595,6 @@ declare const RENDERING_CONFIG_GRAYSCALE: {
                 width: number;
                 color: string;
                 url?: undefined;
-                height?: undefined;
-                dx?: undefined;
-                dy?: undefined;
                 direction?: undefined;
             };
             text: {
@@ -620,14 +622,25 @@ declare const RENDERING_CONFIG_GRAYSCALE: {
                 outlineWidth: number;
             };
         }[];
-        rail: {
+        rail: ({
             from: number;
             to: number;
             line: {
                 width: number;
                 color: string;
+                dashColor: string;
+                dashLength: number;
             };
-        }[];
+        } | {
+            from: number;
+            to: number;
+            line: {
+                width: number;
+                color: string;
+                dashLength: number;
+                dashColor?: undefined;
+            };
+        })[];
         ferry: ({
             from: number;
             to: number;