@maptrip/map-tiles 1.4.0 → 1.5.0

package/lib/core/VectorTileRenderer.ts

@@ -79,6 +79,7 @@ class VectorTileRenderer {
       );
 
     this.drawTilePhase(polygons, z, boundaries, context, "areas", collisions);
+    // add phase areasOutline here if polygon outlines should be rendered
     this.drawPolylineLayers(lines, z, boundaries, context, "", collisions);
     this.drawTilePhase(points, z, boundaries, context, "texts", collisions);
     this.drawTilePhase(lines, z, boundaries, context, "lineTexts", collisions);
@@ -119,6 +120,14 @@ class VectorTileRenderer {
         "linesOutline",
         collisions
       );
+    }
+
+    for (let i = 0; i < rank.length; i++) {
+      // select all lines with this sort rank
+      let currentRank = lines.filter(
+        (it) => parseInt(it.properties!.sort_rank) === rank[i]
+      );
+
       this.drawTilePhase(
         currentRank,
         z,
@@ -129,7 +138,7 @@ class VectorTileRenderer {
       );
     }
   }
-
+  
   drawErroredTile(canvas: HTMLCanvasElement): void {
     var context = canvas.getContext("2d");
     if (context != null) {
@@ -306,12 +315,18 @@ class VectorTileRenderer {
                       collisions
                     )
                   ) {
-                    const match = text.match(/([A-Z])\s?([0-9]+[a-z]*).*/);
+                    const match = text.match(/([a-zA-Z])\s?([0-9]+[a-z]*).*/);
                     if (match) {
                       const letter = match[1];
                       const number = match[2];
-                      if (letter === "A" || letter === "B") {
-                        text = number;
+
+                      // Stadsroutes are major roads in some cities in the Netherlands and start with s.
+                      // Adding them here will render them like Bundesstraßen in Germany.
+                      // If country-dependent rendering is added, it should be a white box with black border and text.
+
+                      if (letter === "A" || letter === "B" || letter === "s") {
+                        text = letter === "A" || letter === "B" ? number : letter + number;
+
                         this.drawImage(
                           coordinates,
                           boundaries,
@@ -430,7 +445,6 @@ class VectorTileRenderer {
 
         context.globalAlpha = merged.opacity;
 
-        /// XXX edit here
         if ('areas' !== phase || j === 0) {
           // when rendering areas, only the first part of a polygon should begin a path
           // (otherwise especially islands are clipped on some zoom levels)
@@ -675,48 +689,69 @@ class VectorTileRenderer {
 
     // draw images on the line (e.g. arrows for one-way roads)
     if (merged.url && this._images[merged.url]) {
-      var desired = 40; // XXX config
-      var distance = Math.round(desired / 2);
+      const desiredDistance: number = 40;
+      const margin: number = Math.round(desiredDistance / 2);
+
+      let totalLength = 0;
+      for (let i = 0; i < points.length - 1; i++) {
+        totalLength += Math.hypot(
+          points[i + 1].x - points[i].x,
+          points[i + 1].y - points[i].y
+        );
+      }
+
+      let distance: number = margin;
+      let traveled: number = 0;
 
       for (var i = 0; i < points.length - 1; i++) {
         // calculate angle of this section of the line
-        var dx = points[i + 1].x - points[i].x;
-        var dy = points[i + 1].y - points[i].y;
-        var angle = Math.atan2(dy, dx);
+        const dx: number = points[i + 1].x - points[i].x;
+        const dy: number = points[i + 1].y - points[i].y;
+        let angle: number = Math.atan2(dy, dx);
 
         if (merged.direction != "reverse") {
           angle = angle + Math.PI;
         }
 
         // now calculate equidistant points on the polyline
-        var distanceToNext = Math.sqrt(dx * dx + dy * dy);
+        const distanceToNext: number = Math.sqrt(dx * dx + dy * dy);
         while (distance < distanceToNext) {
           // there are more points on this section of the line
-          var f = distance / distanceToNext;
 
-          var x = points[i].x + f * dx;
-          var y = points[i].y + f * dy;
+          if (traveled + distance <= totalLength - margin) {
 
-          context.save();
+            const f: number = distance / distanceToNext;
 
-          context.translate(x, y);
-          context.rotate(angle);
-          context.translate(-x, -y);
+            const x: number = points[i].x + f * dx;
+            const y: number = points[i].y + f * dy;
+            
+            const size: number = Math.max(12, 1.5 * merged.width);
 
-          context.drawImage(
-            this._images[merged.url],
-            x + merged.dx,
-            y + merged.dy,
-            Number(merged.width),
-            Number(merged.height)
-          );
+            if (x > size && y > size && x < VECTOR_TILE_SIZE - size && y < VECTOR_TILE_SIZE - size) {
+              context.save();
 
-          context.restore();
+              context.translate(x, y);
+              context.rotate(angle);
+              context.translate(-x, -y);
 
-          distance += desired;
+              context.drawImage(
+                this._images[merged.url],
+                x - size / 2,
+                y - size / 2,
+                size,
+                size,
+              );
+
+              context.restore();
+            }
+
+          }
+          distance += desiredDistance;
         }
 
-        distance = (desired - (distanceToNext - distance)) % desired;
+        traveled += distanceToNext;
+        distance -= distanceToNext;
+        // distance = (desiredDistance - (distanceToNext - distance)) % desiredDistance;
       }
     }
   }
@@ -943,7 +978,7 @@ class VectorTileRenderer {
     outline: number,
     context: CanvasRenderingContext2D
   ): void {
-    var width = context.measureText(letter).width + outline; // XXX
+    var width = context.measureText(letter).width + outline;
 
     var x = position.x + 0.5 * Math.cos(position.angle) * width;
     var y = position.y + 0.5 * Math.sin(position.angle) * width;

package/lib/core/rendering_config_default.ts

@@ -215,7 +215,7 @@ const RENDERING_CONFIG_DEFAULT = {
         from: 1,
         to: 19,
         polygon: {
-          color: "#e6e6e6",
+          color: "rgba(0, 0, 0, 0.05)",
         },
       },
     ],
@@ -769,6 +769,8 @@ const RENDERING_CONFIG_DEFAULT = {
         line: {
           width: 7,
           color: "#ffffff",
+          outlineColor: "#cccccc",
+          outlineWidth: 1,
         },
         text: {
           size: 12,
@@ -807,13 +809,12 @@ const RENDERING_CONFIG_DEFAULT = {
         from: 17,
         to: 19,
         line: {
-          width: 10,
+          width: 7,
           color: "#ffffff",
           url: "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9ImFycm93IiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAgNiIgd2lkdGg9IjEwIiBoZWlnaHQ9IjYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEwIDY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDpub25lO3N0cm9rZTojOUI5QTlBO308L3N0eWxlPjxwb2x5bGluZSBjbGFzcz0ic3QwIiBwb2ludHM9IjUuOSw1LjEgOS4xLDMgNS45LDAuOSIvPjxsaW5lIGNsYXNzPSJzdDAiIHgxPSI5LjEiIHkxPSIzIiB4Mj0iMC45IiB5Mj0iMyIvPjwvc3ZnPg==",
-          height: 6,
-          dx: -5,
-          dy: -3,
           direction: "forward",
+          outlineColor: "#cccccc",
+          outlineWidth: 1,
         },
         text: {
           size: 12,
@@ -852,13 +853,12 @@ const RENDERING_CONFIG_DEFAULT = {
         from: 17,
         to: 19,
         line: {
-          width: 10,
+          width: 7,
           color: "#ffffff",
           url: "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9ImFycm93IiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAgNiIgd2lkdGg9IjEwIiBoZWlnaHQ9IjYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEwIDY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDpub25lO3N0cm9rZTojOUI5QTlBO308L3N0eWxlPjxwb2x5bGluZSBjbGFzcz0ic3QwIiBwb2ludHM9IjUuOSw1LjEgOS4xLDMgNS45LDAuOSIvPjxsaW5lIGNsYXNzPSJzdDAiIHgxPSI5LjEiIHkxPSIzIiB4Mj0iMC45IiB5Mj0iMyIvPjwvc3ZnPg==",
-          height: 6,
-          dx: -5,
-          dy: -3,
           direction: "reverse",
+          outlineColor: "#cccccc",
+          outlineWidth: 1,
         },
         text: {
           size: 12,
@@ -898,7 +898,7 @@ const RENDERING_CONFIG_DEFAULT = {
         to: 19,
         line: {
           width: 2,
-          color: "#A5ADB8",
+          color: "#B0B9C4",
         },
         text: {
           size: 12,
@@ -913,7 +913,7 @@ const RENDERING_CONFIG_DEFAULT = {
         to: 16,
         line: {
           width: 1,
-          color: "#A5ADB8",
+          color: "#B0B9C4",
         },
         text: {
           size: 12,
@@ -928,7 +928,7 @@ const RENDERING_CONFIG_DEFAULT = {
         to: 14,
         line: {
           width: 1,
-          color: "#A5ADB8",
+          color: "#B0B9C4",
         },
       },
     ],
@@ -937,7 +937,7 @@ const RENDERING_CONFIG_DEFAULT = {
         from: 17,
         to: 19,
         line: {
-          width: 2,
+          width: 3,
           color: "#ffffff",
         },
         text: {
@@ -969,12 +969,9 @@ const RENDERING_CONFIG_DEFAULT = {
         from: 17,
         to: 19,
         line: {
-          width: 10,
+          width: 3,
           color: "#ffffff",
           url: "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9ImFycm93IiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAgNiIgd2lkdGg9IjEwIiBoZWlnaHQ9IjYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEwIDY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDpub25lO3N0cm9rZTojOUI5QTlBO308L3N0eWxlPjxwb2x5bGluZSBjbGFzcz0ic3QwIiBwb2ludHM9IjUuOSw1LjEgOS4xLDMgNS45LDAuOSIvPjxsaW5lIGNsYXNzPSJzdDAiIHgxPSI5LjEiIHkxPSIzIiB4Mj0iMC45IiB5Mj0iMyIvPjwvc3ZnPg==",
-          height: 6,
-          dx: -5,
-          dy: -3,
           direction: "forward",
         },
         text: {
@@ -1006,12 +1003,9 @@ const RENDERING_CONFIG_DEFAULT = {
         from: 17,
         to: 19,
         line: {
-          width: 10,
+          width: 3,
           color: "#ffffff",
           url: "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9ImFycm93IiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAgNiIgd2lkdGg9IjEwIiBoZWlnaHQ9IjYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEwIDY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDpub25lO3N0cm9rZTojOUI5QTlBO308L3N0eWxlPjxwb2x5bGluZSBjbGFzcz0ic3QwIiBwb2ludHM9IjUuOSw1LjEgOS4xLDMgNS45LDAuOSIvPjxsaW5lIGNsYXNzPSJzdDAiIHgxPSI5LjEiIHkxPSIzIiB4Mj0iMC45IiB5Mj0iMyIvPjwvc3ZnPg==",
-          height: 6,
-          dx: -5,
-          dy: -3,
           direction: "reverse",
         },
         text: {
@@ -1045,7 +1039,7 @@ const RENDERING_CONFIG_DEFAULT = {
         line: {
           width: 2,
           color: "rgba(1, 1, 1, 0)",
-          dashColor: "#A5ADB8",
+          dashColor: "#B0B9C4",
           dashLength: 6,
         },
         text: {
@@ -1059,11 +1053,22 @@ const RENDERING_CONFIG_DEFAULT = {
     ],
     rail: [
       {
-        from: 13,
+        from: 16,
         to: 19,
+        line: {
+          width: 2,
+          color: "#8B8C8C",
+          dashColor: "#FAFAFA",
+          dashLength: 10,
+        },
+      },
+      {
+        from: 12,
+        to: 15,
         line: {
           width: 1,
-          color: "#d4d4d4",
+          color: "#8B8C8C",
+          dashLength: 10,
         },
       },
     ],
@@ -1072,7 +1077,7 @@ const RENDERING_CONFIG_DEFAULT = {
         from: 17,
         to: 19,
         line: {
-          width: 5,
+          width: 3,
           color: "#74a8e1",
         },
         text: {
@@ -1087,7 +1092,7 @@ const RENDERING_CONFIG_DEFAULT = {
         from: 14,
         to: 16,
         line: {
-          width: 3,
+          width: 2,
           color: "#74a8e1",
         },
         text: {
@@ -1102,7 +1107,7 @@ const RENDERING_CONFIG_DEFAULT = {
         from: 10,
         to: 13,
         line: {
-          width: 2,
+          width: 1,
           color: "#74a8e1",
         },
       },

package/lib/core/rendering_config_grayscale.ts

@@ -215,7 +215,7 @@ const RENDERING_CONFIG_GRAYSCALE = {
         from: 1,
         to: 19,
         polygon: {
-          color: "#e6e6e6",
+          color: "rgba(0, 0, 0, 0.05)",
         },
       },
     ],
@@ -272,7 +272,7 @@ const RENDERING_CONFIG_GRAYSCALE = {
           width: 1,
         },
         polygon: {
-          color: "#c5c5c5",
+          color: "#BBC5CF",
         },
         text: {
           size: 14,
@@ -769,6 +769,8 @@ const RENDERING_CONFIG_GRAYSCALE = {
         line: {
           width: 7,
           color: "#ffffff",
+          outlineColor: "#cccccc",
+          outlineWidth: 1,
         },
         text: {
           size: 12,
@@ -807,13 +809,12 @@ const RENDERING_CONFIG_GRAYSCALE = {
         from: 17,
         to: 19,
         line: {
-          width: 10,
+          width: 7,
           color: "#ffffff",
           url: "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9ImFycm93IiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAgNiIgd2lkdGg9IjEwIiBoZWlnaHQ9IjYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEwIDY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDpub25lO3N0cm9rZTojOUI5QTlBO308L3N0eWxlPjxwb2x5bGluZSBjbGFzcz0ic3QwIiBwb2ludHM9IjUuOSw1LjEgOS4xLDMgNS45LDAuOSIvPjxsaW5lIGNsYXNzPSJzdDAiIHgxPSI5LjEiIHkxPSIzIiB4Mj0iMC45IiB5Mj0iMyIvPjwvc3ZnPg==",
-          height: 6,
-          dx: -5,
-          dy: -3,
           direction: "forward",
+          outlineColor: "#cccccc",
+          outlineWidth: 1,
         },
         text: {
           size: 12,
@@ -852,13 +853,12 @@ const RENDERING_CONFIG_GRAYSCALE = {
         from: 17,
         to: 19,
         line: {
-          width: 10,
+          width: 7,
           color: "#ffffff",
           url: "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9ImFycm93IiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAgNiIgd2lkdGg9IjEwIiBoZWlnaHQ9IjYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEwIDY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDpub25lO3N0cm9rZTojOUI5QTlBO308L3N0eWxlPjxwb2x5bGluZSBjbGFzcz0ic3QwIiBwb2ludHM9IjUuOSw1LjEgOS4xLDMgNS45LDAuOSIvPjxsaW5lIGNsYXNzPSJzdDAiIHgxPSI5LjEiIHkxPSIzIiB4Mj0iMC45IiB5Mj0iMyIvPjwvc3ZnPg==",
-          height: 6,
-          dx: -5,
-          dy: -3,
           direction: "reverse",
+          outlineColor: "#cccccc",
+          outlineWidth: 1,
         },
         text: {
           size: 12,
@@ -897,7 +897,7 @@ const RENDERING_CONFIG_GRAYSCALE = {
         from: 17,
         to: 19,
         line: {
-          width: 4,
+          width: 2,
           color: "#cccccc",
         },
         text: {
@@ -935,7 +935,7 @@ const RENDERING_CONFIG_GRAYSCALE = {
         from: 17,
         to: 19,
         line: {
-          width: 2,
+          width: 3,
           color: "#ffffff",
         },
         text: {
@@ -967,12 +967,9 @@ const RENDERING_CONFIG_GRAYSCALE = {
         from: 17,
         to: 19,
         line: {
-          width: 10,
+          width: 3,
           color: "#ffffff",
           url: "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9ImFycm93IiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAgNiIgd2lkdGg9IjEwIiBoZWlnaHQ9IjYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEwIDY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDpub25lO3N0cm9rZTojOUI5QTlBO308L3N0eWxlPjxwb2x5bGluZSBjbGFzcz0ic3QwIiBwb2ludHM9IjUuOSw1LjEgOS4xLDMgNS45LDAuOSIvPjxsaW5lIGNsYXNzPSJzdDAiIHgxPSI5LjEiIHkxPSIzIiB4Mj0iMC45IiB5Mj0iMyIvPjwvc3ZnPg==",
-          height: 6,
-          dx: -5,
-          dy: -3,
           direction: "forward",
         },
         text: {
@@ -1004,12 +1001,9 @@ const RENDERING_CONFIG_GRAYSCALE = {
         from: 17,
         to: 19,
         line: {
-          width: 10,
+          width: 3,
           color: "#ffffff",
           url: "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9ImFycm93IiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAgNiIgd2lkdGg9IjEwIiBoZWlnaHQ9IjYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEwIDY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDpub25lO3N0cm9rZTojOUI5QTlBO308L3N0eWxlPjxwb2x5bGluZSBjbGFzcz0ic3QwIiBwb2ludHM9IjUuOSw1LjEgOS4xLDMgNS45LDAuOSIvPjxsaW5lIGNsYXNzPSJzdDAiIHgxPSI5LjEiIHkxPSIzIiB4Mj0iMC45IiB5Mj0iMyIvPjwvc3ZnPg==",
-          height: 6,
-          dx: -5,
-          dy: -3,
           direction: "reverse",
         },
         text: {
@@ -1043,7 +1037,7 @@ const RENDERING_CONFIG_GRAYSCALE = {
         line: {
           width: 2,
           color: "rgba(1, 1, 1, 0)",
-          dashColor: "#A5ADB8",
+          dashColor: "#cccccc",
           dashLength: 6,
         },
         text: {
@@ -1057,11 +1051,22 @@ const RENDERING_CONFIG_GRAYSCALE = {
     ],
     rail: [
       {
-        from: 13,
+        from: 16,
         to: 19,
+        line: {
+          width: 2,
+          color: "#8B8C8C",
+          dashColor: "#FAFAFA",
+          dashLength: 10,
+        },
+      },
+      {
+        from: 12,
+        to: 15,
         line: {
           width: 1,
-          color: "#d4d4d4",
+          color: "#8B8C8C",
+          dashLength: 10,
         },
       },
     ],
@@ -1070,7 +1075,7 @@ const RENDERING_CONFIG_GRAYSCALE = {
         from: 17,
         to: 19,
         line: {
-          width: 5,
+          width: 3,
           color: "#9e9e9e",
         },
         text: {
@@ -1085,7 +1090,7 @@ const RENDERING_CONFIG_GRAYSCALE = {
         from: 14,
         to: 16,
         line: {
-          width: 3,
+          width: 2,
           color: "#9e9e9e",
         },
         text: {
@@ -1100,7 +1105,7 @@ const RENDERING_CONFIG_GRAYSCALE = {
         from: 10,
         to: 13,
         line: {
-          width: 2,
+          width: 1,
           color: "#9e9e9e",
         },
       },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@maptrip/map-tiles",
-  "version": "1.4.0",
+  "version": "1.5.0",
   "description": "API to use MapTrip map tiles in other map APIs",
   "keywords": [
     "map",
@@ -19,10 +19,10 @@
   "types": "dist/map-tiles.d.ts",
   "scripts": {
     "dev": "vite src",
-    "prepublish": "tsc",
     "build": "tsc && vite build",
-    "check-updates": "npm outdated || echo 'All dependencies are up to date'",
-    "publish": "npm run check-updates && vite build && npm login --scope=@maptrip && npm publish"
+    "check-updates": "npm outdated",
+    "prepublishOnly": "npm run build && npm login --scope=@maptrip",
+    "release": "npm publish --access public"
   },
   "devDependencies": {
     "@googlemaps/js-api-loader": "^1.16.2",