@minmaps-dev/mm-web-sdk 1.0.0-rc.35 → 1.0.0-rc.37

package/src/themes/alt3-hybrid-style.json

@@ -37,6 +37,10 @@
       "type": "geojson",
       "data": { "type": "FeatureCollection", "features": [] }
     },
+    "route-end-data": {
+      "type": "geojson",
+      "data": { "type": "FeatureCollection", "features": [] }
+    },
     "poi-highlight-data": {
       "type": "geojson",
       "data": { "type": "FeatureCollection", "features": [] }
@@ -639,39 +643,6 @@
         
       }
     },
-    {
-      "id": "pattern-grass",
-      "type": "fill",
-      "source": "indoor-data",
-      
-      "filter": ["==", ["get", "featureType"], "Pattern-Grass"],
-      "paint": {
-        "fill-color": "#B6D0AE",
-        "fill-opacity": 1
-      }
-    },
-    {
-      "id": "pattern-trees",
-      "type": "fill",
-      "source": "indoor-data",
-      "minzoom": 16.5,
-      "filter": ["==", ["get", "featureType"], "Pattern-Trees"],
-      "paint": {
-        "fill-color": "#7D9F64",
-        "fill-opacity": 0.8
-      }
-    },
-    {
-      "id": "pattern-pavement",
-      "type": "fill",
-      "source": "indoor-data",
-      "minzoom": 16.5,
-      "filter": ["==", ["get", "featureType"], "Pattern-Pavement"],
-      "paint": {
-        "fill-color": "#9E9E9E"
-      }
-    },
-
     {
       "id": "pattern-outdoor-terrace",
       "type": "fill",
@@ -707,12 +678,10 @@
         "line-dasharray": [3, 2]
       }
     },
-
     {
       "id": "boundary-fill",
       "type": "fill",
       "source": "indoor-data",
-      "minzoom": 16.5,
       "filter": ["==", ["get", "featureType"], "Boundary"],
       "paint": {
         "fill-color": "#162e51",
@@ -736,6 +705,16 @@
         ]
       }
     },
+    {
+      "id": "pattern-pavement",
+      "type": "fill",
+      "source": "indoor-data",
+      "minzoom": 16.5,
+      "filter": ["==", ["get", "featureType"], "Pattern-Pavement"],
+      "paint": {
+        "fill-color": "#adadad"
+      }
+    },       
     {
       "id": "corridors-fill",
       "type": "fill",
@@ -750,8 +729,69 @@
         "fill-color": "#f0f0f0"        
       }
     },
-
-
+    {
+      "id": "pattern-grass",
+      "type": "fill",
+      "source": "indoor-data",
+      
+      "filter": ["==", ["get", "featureType"], "Pattern-Grass"],
+      "paint": {
+        "fill-color": "#B6D0AE",
+        "fill-opacity": 1
+      }
+    },     
+    {
+      "id": "pattern-trees",
+      "type": "fill",
+      "source": "indoor-data",
+      "minzoom": 16.5,
+      "filter": ["==", ["get", "featureType"], "Pattern-Trees"],
+      "paint": {
+        "fill-color": "#7D9F64",
+        "fill-opacity": 1
+      }
+    },     
+    {
+      "id": "custom-artLayer-5-fill",
+      "type": "fill",
+      "source": "indoor-data",
+      "minzoom": 16.5,  
+      "filter": ["==", ["get", "featureType"], "CustomArtLayer-5"],    
+      "paint": {
+        "fill-color": "#DDE9F0",
+        "fill-opacity": 0.8
+      }
+    },     
+    {
+      "id": "custom-artLayer-4-fill",
+      "type": "fill",
+      "source": "indoor-data",
+      "minzoom": 16.5,  
+      "filter": ["==", ["get", "featureType"], "CustomArtLayer-4"],    
+      "paint": {
+        "fill-color": "#D1D1D1"
+      }
+    },
+    {
+      "id": "custom-artLayer-2-fill",
+      "type": "fill",
+      "source": "indoor-data",
+      "minzoom": 16.5,  
+      "filter": ["==", ["get", "featureType"], "CustomArtLayer-2"],    
+      "paint": {
+        "fill-color": "#B7C3CB"
+      }
+    },          
+    {
+      "id": "custom-artLayer-1-fill",
+      "type": "fill",
+      "source": "indoor-data",
+      "minzoom": 16.5,  
+      "filter": ["==", ["get", "featureType"], "CustomArtLayer-1"],    
+      "paint": {
+        "fill-color": "#B7C3CB"
+      }
+    },                
     {
       "id": "units-fill",
       "type": "fill",
@@ -770,7 +810,7 @@
           17,
           0.92,
           19,
-          0.95
+          1
         ]
       }
     },
@@ -799,7 +839,7 @@
       "filter": ["==", ["get", "featureType"], "Back-of-house"],
       "paint": {
         "fill-color": "#e6e6e2",
-        "fill-opacity": 0.7
+        "fill-opacity": 1
       }
     },
 
@@ -814,7 +854,7 @@
         "line-cap": "round"
       },
       "paint": {
-        "line-color": "#b0b1b5",
+        "line-color": "#121213",
         "line-width": [
           "interpolate",
           ["linear"],
@@ -826,7 +866,7 @@
           20,
           1.4
         ],
-        "line-opacity": 0.9
+        "line-opacity": 1
       }
     },
 
@@ -876,7 +916,8 @@
       "filter": ["==", ["get", "featureType"], "Obstacles"],
       "paint": {
         "fill-color": "#e8e9ed",
-        "fill-opacity": 1
+        "fill-opacity": 1,
+        "fill-outline-color": "#7f7f7f"
       }
     },
     {
@@ -890,7 +931,7 @@
         "line-cap": "round"
       },
       "paint": {
-        "line-color": "#98999D",
+        "line-color": "#7f7f7f",
         "line-width": [
           "interpolate",
           ["linear"],
@@ -917,8 +958,9 @@
         ["literal", ["Escalators", "Stairs", "Elevators"]]
       ],
       "paint": {
-        "fill-color": "#112f4e",
-        "fill-opacity": 1
+        "fill-color": "#a9aeb1",
+        "fill-opacity": 1,
+        "fill-outline-color": "#053851"
       }
     },
     {
@@ -936,19 +978,19 @@
         "line-cap": "round"
       },
       "paint": {
-        "line-color": "#162e51",
+        "line-color": "#4A4C4D",
         "line-width": [
           "interpolate",
           ["linear"],
           ["zoom"],
           16,
-          0.6,
+          1,
           18,
-          1.0,
+          1.5,
           20,
-          1.4
+          4
         ],
-        "line-opacity": 0.9
+        "line-opacity": 1
       }
     },
 
@@ -973,7 +1015,7 @@
       "filter": ["==", ["get", "featureType"], "Pattern-Lounge"],
       "paint": {
         "fill-color": "#ddd2e0",
-        "fill-opacity": 0.5
+        "fill-opacity": 1
       }
     },
 
@@ -985,7 +1027,7 @@
       "filter": ["==", ["get", "featureType"], "Pattern-Indoor-FoodCourt-Seating"],
       "paint": {
         "fill-color": "#f3e4c4",
-        "fill-opacity": 0.6
+        "fill-opacity": 1
       }
     },
 
@@ -1083,7 +1125,7 @@
       "filter": ["==", ["get", "featureType"], "Interior-ParkingLots"],
       "paint": {
         "fill-color": "#757575",
-        "fill-opacity": 0.8
+        "fill-opacity": 1
       }
     },
     {
@@ -1251,7 +1293,7 @@
       "type": "fill-extrusion",
       "source": "indoor-data",
       "minzoom": 16.5,
-      "filter": ["==", ["get", "featureType"], "Back-of-house"],
+      "filter": ["==", ["get", "featureType"], "Back-of-houseBlock"],
       "paint": {
         "fill-extrusion-color": "#e6e6e2",
         "fill-extrusion-height": [
@@ -1277,7 +1319,7 @@
       "type": "fill-extrusion",
       "source": "indoor-data",
       "minzoom": 16.5,
-      "filter": ["==", ["get", "featureType"], "Restrooms"],
+      "filter": ["==", ["get", "featureType"], "RestroomsBlock"],
       "paint": {
         "fill-extrusion-color": "#5f9070",
         "fill-extrusion-height": [
@@ -1303,7 +1345,7 @@
       "type": "fill-extrusion",
       "source": "indoor-data",
       "minzoom": 16.5,
-      "filter": ["==", ["get", "featureType"], "Obstacles"],
+      "filter": ["==", ["get", "featureType"], "ObstaclesBlock"],
       "paint": {
         "fill-extrusion-color": "#E8E9ED",
         "fill-extrusion-height": [
@@ -1332,7 +1374,7 @@
       "filter": [
         "in",
         ["get", "featureType"],
-        ["literal", ["Escalators", "Stairs", "Elevators"]]
+        ["literal", ["EscalatorsBlock", "StairsBlock", "ElevatorsBlock"]]
       ],
       "paint": {
         "fill-extrusion-color": "#a9aeb1",
@@ -1381,280 +1423,113 @@
       }
     },
     {
-      "id": "route-halo",
-      "type": "line",
-      "source": "route-data",
-      "minzoom": 16.5,
+      "id": "map-labels",
+      "type": "symbol",
+      "source": "map-labels-data",
+      "minzoom": 15.5,
+      "filter": ["!", ["in", "Building", ["get", "name"]]],
       "layout": {
-        "line-cap": "round",
-        "line-join": "round"
-      },
-      "paint": {
-        "line-color": "#ffffff",
-        "line-width": [
+        "symbol-sort-key": 10,
+        "text-field": ["get", "name"],
+        "text-size": [
           "interpolate", ["linear"], ["zoom"],
-          16.5, 10,
-          18.0, 15,
-          20.0, 21
+          15.5, 12,
+          16.5, 15,
+          18,   18,
+          20,   20
         ],
-        "line-opacity": 0.95
-      }
-    },
-    {
-      "id": "route-line",
-      "type": "line",
-      "source": "route-data",
-      "minzoom": 16.5,
-      "layout": {
-        "line-cap": "round",
-        "line-join": "round"
+        "text-font": ["Noto Sans Bold"],
+        "text-letter-spacing": 0.04,
+        "text-max-width": 10,
+        "text-anchor": "center",
+        "text-rotate": ["get", "rotation"],
+        "text-rotation-alignment": "viewport",
+        "text-allow-overlap": false,
+        "text-padding": 4
       },
       "paint": {
-        "line-color": "#d32f2f",
-        "line-width": [
-          "interpolate", ["linear"], ["zoom"],
-          16.5, 6,
-          18.0, 9,
-          20.0, 13
-        ],
-        "line-opacity": 1
+        "text-color": "#3d4551",
+        "text-halo-color": "#FFFFFF",
+        "text-halo-width": 1.4,
+        "text-halo-blur": 0.5
       }
     },
     {
-      "id": "route-arrows",
+      "id": "map-labels-buildings",
       "type": "symbol",
-      "source": "route-data",
-      "minzoom": 16.5,
+      "source": "map-labels-data",
+      "minzoom": 17,
+      "filter": [
+        "all",
+        ["in", "Building", ["get", "name"]]
+      ],
       "layout": {
-        "symbol-placement": "line",
-        "symbol-spacing": [
-          "interpolate", ["linear"], ["zoom"],
-          16.5, 150,
-          18.0, 290,
-          20.0, 480
+        "symbol-sort-key": 10,
+        "icon-image": "map-label-bg",
+        "icon-text-fit": "both",
+        "icon-text-fit-padding": [2, 2, 2, 2],
+        "icon-allow-overlap": false,
+        "icon-ignore-placement": false,
+        "text-field": [
+          "format",
+          "\uea40", {"text-font": ["literal", ["Material Icons"]]},
+          
+          ["slice", ["get", "name"], ["+", ["index-of", "Building", ["get", "name"]], 9]], {}
         ],
-        "icon-image": "route-arrow",
-        "icon-rotation-alignment": "map",
-        "icon-pitch-alignment": "map",
-        "icon-allow-overlap": true,
-        "icon-ignore-placement": true,
-        "icon-size": [
+        "text-size": [
           "interpolate", ["linear"], ["zoom"],
-          16.5, 0.55,
-          18.0, 0.75,
-          20.0, 0.85
-        ]
+          15.5, 14,
+          16.5, 16,
+          18,   18,
+          20,   20
+        ],
+        "text-font": ["Noto Sans Bold"],
+        "text-letter-spacing": 0.04,
+        "text-max-width": 10,
+        "text-anchor": "center",
+        
+        "text-rotation-alignment": "viewport",
+        "text-allow-overlap": false,
+        "text-padding": 4
       },
       "paint": {
-        "icon-opacity": 1
+        "text-color": "#fffffe"
       }
     },
+
     {
-      "id": "route-arrows-flow",
+      "id": "poi-entrance-exit-icons",
       "type": "symbol",
-      "source": "route-arrows-flow",
-      "minzoom": 16.5,
+      "source": "poi-data",
+      "filter": ["==", ["get", "amenityCategory"], "entrance"],
+      "minzoom": 15,
       "layout": {
-        "icon-image": "route-arrow",
-        "icon-rotate": ["get", "rotate"],
-        "icon-rotation-alignment": "map",
-        "icon-pitch-alignment": "map",
-        "icon-allow-overlap": true,
-        "icon-ignore-placement": true,
+        "symbol-sort-key": ["get", "rank"],
+        "icon-image": ["get", "iconId"],
         "icon-size": [
-          "interpolate", ["linear"], ["zoom"],
-          16.5, 0.55,
-          18.0, 0.75,
-          20.0, 0.85
-        ]
-      },
-      "paint": {
-        "icon-opacity": 1
-      }
-    },
-    {
-      "id": "route-line-active-halo",
-      "type": "line",
-      "source": "route-active-step",
-      "minzoom": 16.5,
-      "layout": {
-        "line-cap": "round",
-        "line-join": "round"
-      },
-      "paint": {
-        "line-color": "#FFFFFF",
-        "line-width": [
-          "interpolate", ["linear"], ["zoom"],
-          16.5, 8,
-          18.0, 11,
-          20.0, 14
-        ],
-        "line-opacity": 0.85
-      }
-    },
-    {
-      "id": "route-line-active",
-      "type": "line",
-      "source": "route-active-step",
-      "minzoom": 16.5,
-      "layout": {
-        "line-cap": "round",
-        "line-join": "round"
-      },
-      "paint": {
-        "line-color": "#fdb81e",
-        "line-width": [
-          "interpolate", ["linear"], ["zoom"],
-          16.5, 5,
-          18.0, 7,
-          20.0, 9
-        ],
-        "line-opacity": 1
-      }
-    },
-        {
-      "id": "route-endpoint-source",
-      "type": "circle",
-      "source": "route-endpoints",
-      "minzoom": 16.5,
-      "filter": ["==", ["get", "role"], "source"],
-      "paint": {
-        "circle-radius": 6,
-        "circle-color": "#ffffff",
-        "circle-stroke-width": 3,
-        "circle-stroke-color": "#d32f2f",
-        "circle-opacity": 1
-      }
-    },
-    {
-      "id": "route-endpoint-destination",
-      "type": "circle",
-      "source": "route-endpoints",
-      "minzoom": 16.5,
-      "filter": ["==", ["get", "role"], "destination"],
-      "paint": {
-        "circle-radius": 7,
-        "circle-color": "#d32f2f",
-        "circle-stroke-width": 3,
-        "circle-stroke-color": "#ffffff",
-        "circle-opacity": 1
-      }
-    },
-
-{
-      "id": "map-labels",
-      "type": "symbol",
-      "source": "map-labels-data",
-      "minzoom": 15.5,
-      "filter": ["!", ["in", "Building", ["get", "name"]]],
-      "layout": {
-        "symbol-sort-key": 10,
-        "text-field": ["get", "name"],
-        "text-size": [
-          "interpolate", ["linear"], ["zoom"],
-          15.5, 12,
-          16.5, 15,
-          18,   18,
-          20,   20
-        ],
-        "text-font": ["Noto Sans Bold"],
-        "text-letter-spacing": 0.04,
-        "text-max-width": 10,
-        "text-anchor": "center",
-        "text-rotate": ["get", "rotation"],
-        "text-rotation-alignment": "viewport",
-        "text-allow-overlap": false,
-        "text-padding": 4
-      },
-      "paint": {
-        "text-color": "#3d4551",
-        "text-halo-color": "#FFFFFF",
-        "text-halo-width": 1.4,
-        "text-halo-blur": 0.5
-      }
-    },
-    {
-      "id": "map-labels-buildings",
-      "type": "symbol",
-      "source": "map-labels-data",
-      "minzoom": 15.5,
-      "filter": [
-        "all",
-        ["in", "Building", ["get", "name"]]
-      ],
-      "layout": {
-        "symbol-sort-key": 10,
-        "icon-image": "map-label-bg",
-        "icon-text-fit": "both",
-        "icon-text-fit-padding": [2, 2, 2, 2],
-        "icon-allow-overlap": false,
-        "icon-ignore-placement": false,
-        "text-field": [
-          "format",
-          "\uea40", {"text-font": ["literal", ["Material Icons"]]},
-          
-          ["slice", ["get", "name"], 8, 10], {}
-        ],
-        "text-size": [
-          "interpolate", ["linear"], ["zoom"],
-          15.5, 14,
-          16.5, 16,
-          18,   18,
-          20,   20
-        ],
-        "text-font": ["Noto Sans Bold"],
-        "text-letter-spacing": 0.04,
-        "text-max-width": 10,
-        "text-anchor": "center",
-        
-        "text-rotation-alignment": "viewport",
-        "text-allow-overlap": false,
-        "text-padding": 4
-      },
-      "paint": {
-        "text-color": "#fffffe"
-      }
-    },
-
-    {
-      "id": "poi-entrance-exit-icons",
-      "type": "symbol",
-      "source": "poi-data",
-      "filter": ["==", ["get", "amenityCategory"], "entrance"],
-      "minzoom": 15,
-      "layout": {
-        "symbol-sort-key": ["get", "rank"],
-        "icon-image": ["get", "iconId"],
-        "icon-size": [
-          "interpolate", ["exponential", 1.3], ["zoom"],
-          14, 0.18,
-          16, 0.3,
-          18, 0.48,
-          20, 0.5,
-          22, 0.85
-        ],
-        "icon-allow-overlap": false,
-        "icon-padding": [
-          "interpolate", ["linear"], ["zoom"],
-          15, 6,
-          17, 2,
-          19, 1
-        ],
-        "icon-optional": false,
-        "icon-rotation-alignment": "viewport",
-        "icon-pitch-alignment": "viewport",
-
-        "text-field": ["get", "name"],
-        "text-size": [
+          "interpolate", ["exponential", 1.3], ["zoom"],
+          14, 0.18,
+          16, 0.3,
+          18, 0.48,
+          20, 0.5,
+          22, 0.85
+        ],
+
+        "icon-optional": false,
+        "icon-rotation-alignment": "viewport",
+        "icon-pitch-alignment": "viewport",
+        "icon-allow-overlap":true,
+        "text-field": ["get", "name"],
+        "text-size": [
           "interpolate", ["linear"], ["zoom"],
           16, ["case", ["!=", ["coalesce", ["get", "iconId"], ""], ""], 0, 17],
           19, ["case", ["!=", ["coalesce", ["get", "iconId"], ""], ""], 0, 19],
           20, ["case", ["!=", ["coalesce", ["get", "iconId"], ""], ""], 0, 22]
         ],
-        "text-offset": [0, 1.3],
+        
         "text-anchor": "top",
         "text-optional": true,
-        "text-padding": 4,
+        "text-padding": 2,
         "text-font": ["Noto Sans Bold"],
         "text-rotation-alignment": "viewport"
       },
@@ -1687,13 +1562,8 @@
           20, 0.5,
           22, 0.85
         ],
-        "icon-allow-overlap": false,
-        "icon-padding": [
-          "interpolate", ["linear"], ["zoom"],
-          15, 8,
-          17, 4,
-          19, 2
-        ],
+        "icon-allow-overlap": true,
+
         "icon-optional": false,
         "icon-rotation-alignment": "viewport",
         "icon-pitch-alignment": "viewport",
@@ -1979,6 +1849,98 @@
         "icon-translate-anchor": "viewport"
       }
     },
+    {
+      "id": "poi-amenity-instance-labels",
+      "type": "symbol",
+      "source": "poi-data",
+      "filter": ["all", ["==", ["get", "poiType"], "amenity"], ["has", "instanceName"]],
+      
+      "layout": {
+        "symbol-sort-key": ["get", "rank"],
+        "text-field": ["get", "instanceName"],
+        "text-size": [
+          "interpolate", ["linear"], ["zoom"],
+          16, 14,
+          19, 15,
+          22, 17
+        ],
+        "text-offset": [
+          "interpolate", ["linear"], ["zoom"],
+          16, ["literal", [0, 0.25]],
+          17, ["literal", [0, 0.15]],
+          19, ["literal", [0, 0.25]],
+          20, ["literal", [0, 0.45]],
+          22, ["literal", [0, 0.85]]
+        ],                
+        "text-anchor": "top",
+        "text-optional": true,
+        "text-padding": 4,
+        "text-font": ["Noto Sans Bold"],
+        "text-rotation-alignment": "viewport"
+      },
+      "paint": {
+        "text-color": "#0F1114",
+        "text-halo-color": "#FFFFFF",
+        "text-halo-width": 1.5,
+        "text-halo-blur": 0.1
+      }
+    },
+    {
+      "id": "poi-destination-dots",
+      "type": "symbol",
+      "source": "poi-destination-cluster-data",
+      "filter": ["!", ["has", "point_count"]],
+      "minzoom": 16.5,
+      "maxzoom": 18.25,
+      "layout": {
+        "icon-image": "destination-dot",
+        "icon-size": [
+          "interpolate", ["linear"], ["zoom"],
+          14, 0.1,
+          16, 0.8,
+          17.30, 0.8,
+          18, 0.5,
+          20, 0.8
+        ],
+        "icon-overlap": "cooperative",
+        "icon-ignore-placement": false,
+        "icon-padding": 0,
+        "icon-rotation-alignment": "viewport",
+        "icon-pitch-alignment": "viewport"
+      }
+    },
+    {
+      "id": "poi-destination-cluster-bubbles",
+      "type": "symbol",
+      "source": "poi-destination-cluster-data",
+      "filter": ["has", "point_count"],
+      "minzoom": 16.5,
+      "maxzoom": 18.25,
+      "layout": {
+        "icon-image": "destination-cluster-dot",
+        "icon-size": [
+          "step", ["get", "point_count"],
+          1.3,
+          10, 1.5,
+          25, 1.7
+        ],
+        "icon-overlap": "cooperative",
+        "icon-ignore-placement": false,
+        "icon-padding": 0,
+        "icon-rotation-alignment": "viewport",
+        "icon-pitch-alignment": "viewport",
+        "text-field": ["get", "point_count_abbreviated"],
+        "text-size": 18,
+        "text-font": ["Noto Sans Bold"],        
+        "text-overlap": "always",
+        "text-ignore-placement": true,
+        "text-rotation-alignment": "viewport",
+        "text-pitch-alignment": "viewport"
+      },
+      "paint": {
+        "text-color": "#ffffff"
+      }
+    },
     {
       "id": "poi-destination-labels",
       "type": "symbol",
@@ -1988,14 +1950,14 @@
         ["==", ["get", "poiType"], "destination"],
         ["==", ["get", "showLabel"], true]
       ],
-      
       "layout": {
         "symbol-sort-key": 0,
         "icon-image": "destination-dot",
         "icon-size": [
           "interpolate", ["linear"], ["zoom"],
           14, 0.1,
-          16, 0.3,
+          16, 0.8,
+          17.30, 0.8,
           18, 0.5,
           20, 0.8
         ],
@@ -2007,7 +1969,7 @@
         "icon-pitch-alignment": "viewport",
         "text-field": ["get", "name"],
         "text-size": 16,
-        "text-variable-anchor-offset": ["top", [0, 0.8], "right", [-0.8, 0], "bottom", [0, -0.8], "left", [0.8, 0]],
+        "text-variable-anchor-offset": ["top", [0, 0.5], "right", [-0.5, 0], "bottom", [0, -0.5], "left", [0.5, 0]],
         "text-variable-anchor": ["top", "right" , "bottom", "left"],
         "text-font": ["Noto Sans Bold"],
         "text-max-width": 12,
@@ -2017,7 +1979,7 @@
         "text-rotation-alignment": "viewport"
       },
       "paint": {
-        "text-color": "#FFFFFF",
+        "text-color": "#F2F2F2",
         "text-halo-color": "#242930",
         "text-halo-width": 2,
         "text-halo-blur": 0
@@ -2038,7 +2000,8 @@
         "icon-size": [
           "interpolate", ["linear"], ["zoom"],
           14, 0.1,
-          16, 0.3,
+          16, 0.8,
+          17.30, 0.8,
           18, 0.5,
           20, 0.8
         ],
@@ -2049,6 +2012,279 @@
         "icon-pitch-alignment": "viewport"
       }
     },
+    {
+      "id": "route-halo",
+      "type": "line",
+      "source": "route-data",
+      "minzoom": 16.5,
+      "layout": {
+        "line-cap": "round",
+        "line-join": "round"
+      },
+      "paint": {
+        "line-color": "#ffffff",
+        "line-width": [
+          "interpolate", ["linear"], ["zoom"],
+          16.5, 10,
+          18.0, 15,
+          20.0, 21
+        ],
+        "line-opacity": 0.95
+      }
+    },
+    {
+      "id": "route-line",
+      "type": "line",
+      "source": "route-data",
+      "minzoom": 16.5,
+      "layout": {
+        "line-cap": "round",
+        "line-join": "round"
+      },
+      "paint": {
+        "line-color": "#d32f2f",
+        "line-width": [
+          "interpolate", ["linear"], ["zoom"],
+          16.5, 6,
+          18.0, 9,
+          20.0, 13
+        ],
+        "line-opacity": 1
+      }
+    },
+    {
+      "id": "route-blocker",
+      "type": "symbol",
+      "source": "route-data",
+      "minzoom": 16.5,
+      "layout": {
+        "symbol-placement": "line",
+        "symbol-spacing": 6,
+        "icon-image": "route-blocker",
+        "icon-rotation-alignment": "viewport",
+        "icon-pitch-alignment": "viewport",
+        "icon-overlap": "always",
+        "icon-ignore-placement": false,
+        "icon-padding": 2,
+        "icon-size": [
+          "interpolate", ["linear"], ["zoom"],
+          16.5, 0.6,
+          18.0, 0.8,
+          20.0, 1.0
+        ]
+      }
+    },
+    {
+      "id": "route-arrows",
+      "type": "symbol",
+      "source": "route-data",
+      "minzoom": 16.5,
+      "layout": {
+        "symbol-placement": "line",
+        "symbol-spacing": [
+          "interpolate", ["linear"], ["zoom"],
+          16.5, 150,
+          18.0, 290,
+          20.0, 480
+        ],
+        "icon-image": "route-arrow",
+        "icon-rotation-alignment": "map",
+        "icon-pitch-alignment": "map",
+        "icon-allow-overlap": true,        
+        "icon-ignore-placement": true,
+        "icon-size": [
+          "interpolate", ["linear"], ["zoom"],
+          16.5, 0.55,
+          18.0, 0.75,
+          20.0, 0.85
+        ]
+      },
+      "paint": {
+        "icon-opacity": 1
+      }
+    },
+    {
+      "id": "route-arrows-flow",
+      "type": "symbol",
+      "source": "route-arrows-flow",
+      "minzoom": 16.5,
+      "layout": {
+        "icon-image": "route-arrow",
+        "icon-rotate": ["get", "rotate"],
+        "icon-rotation-alignment": "map",
+        "icon-pitch-alignment": "map",
+        "icon-allow-overlap": true,        
+        "icon-ignore-placement": true,
+        "icon-size": [
+          "interpolate", ["linear"], ["zoom"],
+          16.5, 0.55,
+          18.0, 0.75,
+          20.0, 0.85
+        ]
+      },
+      "paint": {
+        "icon-opacity": 1
+      }
+    },
+    {
+      "id": "route-line-active-halo",
+      "type": "line",
+      "source": "route-active-step",
+      "minzoom": 16.5,
+      "layout": {
+        "line-cap": "round",
+        "line-join": "round"
+      },
+      "paint": {
+        "line-color": "#FFFFFF",
+        "line-width": [
+          "interpolate", ["linear"], ["zoom"],
+          16.5, 8,
+          18.0, 11,
+          20.0, 14
+        ],
+        "line-opacity": 0.85
+      }
+    },
+    {
+      "id": "route-line-active",
+      "type": "line",
+      "source": "route-active-step",
+      "minzoom": 16.5,
+      "layout": {
+        "line-cap": "round",
+        "line-join": "round"
+      },
+      "paint": {
+        "line-color": "#fdb81e",
+        "line-width": [
+          "interpolate", ["linear"], ["zoom"],
+          16.5, 5,
+          18.0, 7,
+          20.0, 9
+        ],
+        "line-opacity": 1
+      }
+    },
+        {
+      "id": "route-endpoint-source",
+      "type": "circle",
+      "source": "route-endpoints",
+      "minzoom": 16.5,
+      "filter": ["==", ["get", "role"], "source"],
+      "paint": {
+        "circle-radius": 6,
+        "circle-color": "#ffffff",
+        "circle-stroke-width": 3,
+        "circle-stroke-color": "#d32f2f",
+        "circle-opacity": 1
+      }
+    },
+    {
+      "id": "route-endpoint-destination",
+      "type": "circle",
+      "source": "route-endpoints",
+      "minzoom": 16.5,
+      "filter": ["==", ["get", "role"], "destination"],
+      "paint": {
+        "circle-radius": 7,
+        "circle-color": "#d32f2f",
+        "circle-stroke-width": 3,
+        "circle-stroke-color": "#ffffff",
+        "circle-opacity": 1
+      }
+    },    
+    {
+      "id": "poi-route-end-flag",
+      "type": "symbol",
+      "source": "route-end-data",
+      "filter": ["==", ["get", "kind"], "destination"],
+      "layout": {
+        "icon-image": "route-end-flag",
+        "icon-size": [
+          "interpolate", ["linear"], ["zoom"],
+          14, 0.32,
+          16, 0.42,
+          18, 0.55,
+          20, 0.6,
+          22, 0.7
+        ],
+        "icon-overlap": "always",
+        "icon-ignore-placement": false,
+        "icon-rotation-alignment": "viewport",
+        "icon-pitch-alignment": "viewport",
+        "text-field": ["get", "name"],
+        "text-size": 16,
+        "text-variable-anchor-offset": [
+          "top", [0, 1.6],
+          "right", [-2, 0],
+          "bottom", [0, -1.6],
+          "left", [2, 0]
+        ],
+        "text-font": ["Noto Sans Bold"],
+        "text-max-width": 12,
+        "text-overlap": "always",
+        "text-ignore-placement": false,
+        "text-optional": false,
+        "text-rotation-alignment": "viewport"
+      },
+      "paint": {
+        "text-color": "#F2F2F2",
+        "text-halo-color": "#242930",
+        "text-halo-width": 2,
+        "text-halo-blur": 0
+      }
+    },
+    {
+      "id": "poi-route-end-amenity",
+      "type": "symbol",
+      "source": "route-end-data",
+      "filter": ["==", ["get", "kind"], "amenity"],
+      "layout": {
+        "icon-image": ["get", "iconId"],
+        "icon-size": [
+          "interpolate", ["exponential", 1.3], ["zoom"],
+          14, 0.27,
+          16, 0.45,
+          18, 0.72,
+          20, 0.75,
+          22, 1.28
+        ],
+        "icon-overlap": "always",
+        "icon-ignore-placement": false,
+        "icon-rotation-alignment": "viewport",
+        "icon-pitch-alignment": "viewport",
+        "text-field": ["coalesce", ["get", "instanceName"], ""],
+        "text-size": [
+          "interpolate", ["linear"], ["zoom"],
+          16, 14,
+          19, 15,
+          22, 17
+        ],
+        "text-offset": [
+          "interpolate", ["linear"], ["zoom"],
+          16, ["literal", [0, 0.3]],
+          18, ["literal", [0, 0.5]],
+          20, ["literal", [0, 0.55]],
+          22, ["literal", [0, 1.5]]
+        ],
+        "text-anchor": "top",
+        "text-font": ["Noto Sans Bold"],
+        "text-overlap": "always",
+        "text-ignore-placement": false,
+        "text-optional": true,
+        "text-rotation-alignment": "viewport"
+      },
+      "paint": {
+        "icon-translate": [0, -20],
+        "icon-translate-anchor": "viewport",
+        "text-color": "#0F1114",
+        "text-halo-color": "#FFFFFF",
+        "text-halo-width": 1.5,
+        "text-halo-blur": 0.1
+      }
+    },
+
     {
       "id": "poi-you-are-here-heading",
       "type": "symbol",