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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@minmaps-dev/mm-web-sdk",
-  "version": "1.0.0-rc.36",
+  "version": "1.0.0-rc.37",
   "description": "MinuteMaps indoor mapping SDK for MapLibre GL - render venues, floors, POIs, and wayfinding routes",
   "license": "MIT",
   "author": "MTS LLC",

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": [] }
@@ -1419,167 +1423,6 @@
       }
     },
     {
-      "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-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": "map-labels",
       "type": "symbol",
       "source": "map-labels-data",
@@ -2042,6 +1885,62 @@
         "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",
@@ -2113,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",