@ndwnu/map 2.1.1 → 3.0.0

package/fesm2022/ndwnu-map.mjs

@@ -825,11 +825,11 @@ var sprite = [
 	},
 	{
 		id: "sdf",
-		url: "https://maps.ndw.nu/styles/ndw-basemap/dev/sdf"
+		url: "https://design.ndw.nu/map-storybook/assets/sprites/sdf"
 	},
 	{
 		id: "custom",
-		url: "https://maps.ndw.nu/styles/ndw-basemap/dev/custom_ndw"
+		url: "https://design.ndw.nu/map-storybook/assets/sprites/custom_ndw"
 	}
 ];
 var glyphs = "https://maps.ndw.nu/styles/glyphs/{fontstack}/{range}.pbf";
@@ -896,6 +896,13 @@ var sources = {
 	"ndw-wkd-parking-areas": {
 		type: "vector",
 		url: "https://maps.ndw.nu/api/v1/wkdParkingAreas/latest/mbtiles/segments/"
+	},
+	openmaptiles: {
+		type: "vector",
+		url: "https://maps.ndw.nu/api/v1/osm/latest/mbtiles/osm/",
+		minzoom: 0,
+		maxzoom: 14,
+		attribution: "<a href='https://www.openstreetmap.org/copyright'>© OpenStreetMap</a>"
 	}
 };
 var layers = [
@@ -4039,215 +4046,1067 @@ var layers = [
 		}
 	},
 	{
-		id: "brt-railway-center-line",
+		id: "osm-road-sections-casing",
 		type: "line",
-		source: "pdok-brt",
-		"source-layer": "spoorbaandeellijn",
-		minzoom: 9,
+		source: "openmaptiles",
+		"source-layer": "transportation",
 		metadata: {
-			group: "context-map",
-			"sub-group": "railway",
+			group: "osm",
+			"sub-group": "osm-road-sections",
 			type: "context",
-			"legend-name": "Spoorlijnen",
-			desc: "trein, metro, tram. beschikbaar van z9. Over de wegen heen.",
-			"insert-before": "lines-overlay"
+			"legend-name": "OSM Wegvakken omlijning",
+			desc: "OpenStreetMap wegen omlijning",
+			"insert-before": "background"
 		},
+		filter: [
+			"all",
+			[
+				"!in",
+				"class",
+				"path",
+				"track",
+				"rail",
+				"transit",
+				"ferry"
+			],
+			[
+				"!=",
+				"brunnel",
+				"tunnel"
+			]
+		],
 		layout: {
-			visibility: "visible",
+			visibility: "none",
 			"line-cap": "round",
-			"line-join": "round"
+			"line-join": "round",
+			"line-sort-key": [
+				"match",
+				[
+					"get",
+					"class"
+				],
+				"motorway",
+				7,
+				"trunk",
+				6,
+				"primary",
+				5,
+				"secondary",
+				4,
+				"tertiary",
+				3,
+				"minor",
+				2,
+				"service",
+				1,
+				0
+			]
 		},
 		paint: {
 			"line-color": [
 				"match",
 				[
 					"get",
-					"vistext"
+					"class"
 				],
-				"treinspoor",
-				"#a3a7aa",
-				"spoor in tunnel",
-				"#a3a7aa",
-				"metro / sneltram",
-				"#cbcdd9",
-				"metro / sneltram in tunnel",
-				"#cbcdd9",
-				"tram",
-				"#a3a7aa",
-				"tram in tunnel",
-				"#a3a7aa",
-				"overig",
-				"#a3a7aa",
-				"spoor onder ander object",
-				"#a3a7aa",
-				"transparent"
+				"motorway",
+				"#DAAD3A",
+				"trunk",
+				"#DAAD3A",
+				"primary",
+				"#DAAD3A",
+				"secondary",
+				"#E2C16C",
+				"tertiary",
+				"#E5CA85",
+				"minor",
+				"hsl(192, 5%, 82%)",
+				"service",
+				"hsl(192, 5%, 82%)",
+				"hsl(0, 0%, 100%)"
 			],
 			"line-width": [
 				"interpolate",
 				[
-					"linear"
+					"exponential",
+					1.1
 				],
 				[
 					"zoom"
 				],
-				12,
+				10,
 				[
 					"match",
 					[
 						"get",
-						"vistext"
+						"class"
 					],
-					"treinspoor",
-					0.8,
-					"spoor in tunnel",
-					0.5,
-					"metro / sneltram",
-					0.1,
-					"metro / sneltram in tunnel",
-					0.1,
-					"tram",
-					0.1,
-					"tram in tunnel",
-					0.1,
-					"overig",
-					0.1,
-					"spoor onder ander object",
-					1,
-					10
+					"motorway",
+					3.5,
+					"trunk",
+					3.5,
+					"primary",
+					3.5,
+					"secondary",
+					2.5,
+					"tertiary",
+					2.5,
+					"minor",
+					0,
+					"service",
+					0,
+					0
 				],
-				16,
+				13,
 				[
 					"match",
 					[
 						"get",
-						"vistext"
+						"class"
 					],
-					"treinspoor",
-					1.5,
-					"spoor in tunnel",
-					1.5,
-					"metro / sneltram",
-					3,
-					"metro / sneltram in tunnel",
-					3,
-					"tram",
-					1,
-					"tram in tunnel",
-					1,
-					"overig",
-					0.5,
-					"spoor onder ander object",
-					1.5,
-					10
-				]
-			],
-			"line-opacity": [
-				"match",
+					"motorway",
+					7.5,
+					"trunk",
+					6,
+					"primary",
+					6,
+					"secondary",
+					6,
+					"tertiary",
+					6,
+					"minor",
+					4.5,
+					"service",
+					3.5,
+					0
+				],
+				15,
 				[
-					"get",
-					"vistext"
+					"match",
+					[
+						"get",
+						"class"
+					],
+					"motorway",
+					12.5,
+					"trunk",
+					12,
+					"primary",
+					11,
+					"secondary",
+					9,
+					"tertiary",
+					9,
+					"minor",
+					8,
+					"service",
+					5,
+					0
 				],
-				"spoor onder ander object",
-				0.5,
-				"spoor in tunnel",
-				0.5,
-				"metro / sneltram in tunnel",
-				0.5,
-				"tram in tunnel",
-				0.5,
-				1
-			]
+				20,
+				[
+					"match",
+					[
+						"get",
+						"class"
+					],
+					"motorway",
+					27,
+					"trunk",
+					27,
+					"primary",
+					25,
+					"secondary",
+					23,
+					"tertiary",
+					23,
+					"minor",
+					22,
+					"service",
+					20,
+					0
+				]
+			],
+			"line-opacity": 1
 		}
 	},
 	{
-		id: "brt-railway-center-dash",
+		id: "osm-road-sections-fill",
 		type: "line",
-		source: "pdok-brt",
-		"source-layer": "spoorbaandeellijn",
-		minzoom: 14,
+		source: "openmaptiles",
+		"source-layer": "transportation",
 		metadata: {
-			group: "context-map",
-			"sub-group": "railway",
+			group: "osm",
+			"sub-group": "osm-road-sections",
 			type: "context",
-			"legend-name": "Spoorlijnen dash voor trein",
-			desc: "trein. beschikbaar van z14. Over de wegen heen.",
-			"insert-before": "lines-overlay"
+			"legend-name": "OSM Wegvakken vulling",
+			desc: "OpenStreetMap wegen vulling",
+			"insert-before": "background"
 		},
 		filter: [
-			"any",
-			[
-				"==",
-				[
-					"get",
-					"vistext"
-				],
-				"treinspoor"
-			],
+			"all",
 			[
-				"==",
-				[
-					"get",
-					"vistext"
-				],
-				"overig"
+				"!in",
+				"class",
+				"path",
+				"track",
+				"rail",
+				"transit",
+				"ferry"
 			],
 			[
-				"==",
+				"!=",
+				"brunnel",
+				"tunnel"
+			]
+		],
+		layout: {
+			visibility: "none",
+			"line-cap": "round",
+			"line-join": "round",
+			"line-sort-key": [
+				"match",
 				[
 					"get",
-					"vistext"
+					"class"
 				],
-				"spoor in tunnel"
+				"motorway",
+				7,
+				"trunk",
+				6,
+				"primary",
+				5,
+				"secondary",
+				4,
+				"tertiary",
+				3,
+				"minor",
+				2,
+				"service",
+				1,
+				0
 			]
-		],
-		layout: {
-			visibility: "visible",
-			"line-cap": "butt",
-			"line-join": "round"
 		},
 		paint: {
-			"line-dasharray": [
-				0.1,
-				5
-			],
 			"line-color": [
 				"match",
 				[
 					"get",
-					"vistext"
+					"class"
 				],
-				"treinspoor",
-				"#a3a7aa",
-				"spoor in tunnel",
-				"#a3a7aa",
-				"overig",
-				"#a3a7aa",
-				"spoor onder ander object",
-				"#a3a7aa",
-				"transparent"
+				"motorway",
+				"hsl(43, 93%, 88%)",
+				"trunk",
+				"hsl(43, 93%, 88%)",
+				"primary",
+				"hsl(43, 93%, 88%)",
+				"secondary",
+				"hsl(44, 42%, 94%)",
+				"tertiary",
+				"hsl(44, 42%, 94%)",
+				"minor",
+				"#ffffff",
+				"service",
+				"#ffffff",
+				"hsl(0, 0%, 100%)"
 			],
 			"line-width": [
 				"interpolate",
 				[
-					"linear"
+					"exponential",
+					1.1
 				],
 				[
 					"zoom"
 				],
-				14,
+				10,
 				[
 					"match",
 					[
 						"get",
-						"vistext"
+						"class"
 					],
-					"treinspoor",
-					3,
-					"spoor in tunnel",
-					3.5,
-					"overig",
-					3.1,
-					"spoor onder ander object",
+					"motorway",
+					2.5,
+					"trunk",
+					2.5,
+					"primary",
+					2.5,
+					"secondary",
+					1.5,
+					"tertiary",
+					1.5,
+					"minor",
+					1,
+					0
+				],
+				13,
+				[
+					"match",
+					[
+						"get",
+						"class"
+					],
+					"motorway",
+					6,
+					"trunk",
+					4,
+					"primary",
+					4,
+					"secondary",
+					4.1,
+					"tertiary",
+					4.1,
+					"minor",
+					2.7,
+					"service",
+					1.5,
+					0
+				],
+				15,
+				[
+					"match",
+					[
+						"get",
+						"class"
+					],
+					"motorway",
+					10,
+					"trunk",
+					9.5,
+					"primary",
+					8.4,
+					"secondary",
+					6.4,
+					"tertiary",
+					6.4,
+					"minor",
+					5.4,
+					"service",
+					4,
+					0
+				],
+				20,
+				[
+					"match",
+					[
+						"get",
+						"class"
+					],
+					"motorway",
+					24,
+					"trunk",
+					24,
+					"primary",
+					22,
+					"secondary",
+					20,
+					"tertiary",
+					18,
+					"minor",
+					17,
+					"service",
+					15,
+					0
+				]
+			],
+			"line-opacity": 1
+		}
+	},
+	{
+		id: "osm-road-sections-single",
+		type: "line",
+		source: "openmaptiles",
+		"source-layer": "transportation",
+		metadata: {
+			group: "osm",
+			"sub-group": "osm-road-sections",
+			type: "context",
+			"legend-name": "OSM Fietspaden en voetpaden",
+			desc: "OpenStreetMap paden en tracks",
+			"insert-before": "background"
+		},
+		filter: [
+			"in",
+			"class",
+			"path",
+			"track"
+		],
+		layout: {
+			visibility: "none",
+			"line-cap": "round",
+			"line-join": "round"
+		},
+		paint: {
+			"line-color": [
+				"match",
+				[
+					"get",
+					"class"
+				],
+				"path",
+				"hsl(19, 50%, 90%)",
+				"track",
+				"#f3e4d3",
+				"#ffffff"
+			],
+			"line-width": [
+				"interpolate",
+				[
+					"exponential",
+					1.1
+				],
+				[
+					"zoom"
+				],
+				10,
+				0,
+				13,
+				1.5,
+				15,
+				3.5,
+				20,
+				10
+			],
+			"line-opacity": 1
+		}
+	},
+	{
+		id: "osm-road-sections-casing-rel",
+		type: "line",
+		source: "openmaptiles",
+		"source-layer": "transportation",
+		metadata: {
+			group: "osm",
+			"sub-group": "osm-road-sections",
+			type: "relevant",
+			"legend-name": "OSM Wegvakken omlijning",
+			desc: "OpenStreetMap wegen omlijning relevant",
+			"insert-before": "background"
+		},
+		filter: [
+			"all",
+			[
+				"!in",
+				"class",
+				"path",
+				"track",
+				"rail",
+				"transit",
+				"ferry"
+			],
+			[
+				"!=",
+				"brunnel",
+				"tunnel"
+			]
+		],
+		layout: {
+			visibility: "none",
+			"line-cap": "round",
+			"line-join": "round",
+			"line-sort-key": [
+				"match",
+				[
+					"get",
+					"class"
+				],
+				"motorway",
+				7,
+				"trunk",
+				6,
+				"primary",
+				5,
+				"secondary",
+				4,
+				"tertiary",
+				3,
+				"minor",
+				2,
+				"service",
+				1,
+				0
+			]
+		},
+		paint: {
+			"line-color": [
+				"match",
+				[
+					"get",
+					"class"
+				],
+				"motorway",
+				"#dd5208",
+				"trunk",
+				"#dd5208",
+				"primary",
+				"#dd5208",
+				"secondary",
+				"#DC7019",
+				"tertiary",
+				"#DB9E32",
+				"minor",
+				"#E3C474",
+				"service",
+				"hsl(192, 5%, 72%)",
+				"hsl(0, 0%, 100%)"
+			],
+			"line-width": [
+				"interpolate",
+				[
+					"exponential",
+					1.1
+				],
+				[
+					"zoom"
+				],
+				10,
+				[
+					"match",
+					[
+						"get",
+						"class"
+					],
+					"motorway",
+					3.5,
+					"trunk",
+					3.5,
+					"primary",
+					3.5,
+					"secondary",
+					2.5,
+					"tertiary",
+					2.5,
+					"minor",
+					0,
+					"service",
+					0,
+					0
+				],
+				13,
+				[
+					"match",
+					[
+						"get",
+						"class"
+					],
+					"motorway",
+					7.5,
+					"trunk",
+					6,
+					"primary",
+					6,
+					"secondary",
+					6,
+					"tertiary",
+					6,
+					"minor",
+					4.5,
+					"service",
+					3.5,
+					0
+				],
+				15,
+				[
+					"match",
+					[
+						"get",
+						"class"
+					],
+					"motorway",
+					12.5,
+					"trunk",
+					12,
+					"primary",
+					11,
+					"secondary",
+					9,
+					"tertiary",
+					9,
+					"minor",
+					8,
+					"service",
+					5,
+					0
+				],
+				20,
+				[
+					"match",
+					[
+						"get",
+						"class"
+					],
+					"motorway",
+					27,
+					"trunk",
+					27,
+					"primary",
+					25,
+					"secondary",
+					23,
+					"tertiary",
+					23,
+					"minor",
+					22,
+					"service",
+					20,
+					0
+				]
+			],
+			"line-opacity": 1
+		}
+	},
+	{
+		id: "osm-road-sections-fill-rel",
+		type: "line",
+		source: "openmaptiles",
+		"source-layer": "transportation",
+		metadata: {
+			group: "osm",
+			"sub-group": "osm-road-sections",
+			type: "relevant",
+			"legend-name": "OSM Wegvakken vulling",
+			desc: "OpenStreetMap wegen vulling relevant",
+			"insert-before": "background"
+		},
+		filter: [
+			"all",
+			[
+				"!in",
+				"class",
+				"path",
+				"track",
+				"rail",
+				"transit",
+				"ferry"
+			],
+			[
+				"!=",
+				"brunnel",
+				"tunnel"
+			]
+		],
+		layout: {
+			visibility: "none",
+			"line-cap": "round",
+			"line-join": "round",
+			"line-sort-key": [
+				"match",
+				[
+					"get",
+					"class"
+				],
+				"motorway",
+				7,
+				"trunk",
+				6,
+				"primary",
+				5,
+				"secondary",
+				4,
+				"tertiary",
+				3,
+				"minor",
+				2,
+				"service",
+				1,
+				0
+			]
+		},
+		paint: {
+			"line-color": [
+				"match",
+				[
+					"get",
+					"class"
+				],
+				"motorway",
+				"#DB9E32",
+				"trunk",
+				"#DB9E32",
+				"primary",
+				"#DB9E32",
+				"secondary",
+				"#E3C474",
+				"tertiary",
+				"#E3C474",
+				"minor",
+				"#EDDBAF",
+				"service",
+				"#ffffff",
+				"hsl(0, 0%, 100%)"
+			],
+			"line-width": [
+				"interpolate",
+				[
+					"exponential",
+					1.1
+				],
+				[
+					"zoom"
+				],
+				10,
+				[
+					"match",
+					[
+						"get",
+						"class"
+					],
+					"motorway",
+					2.5,
+					"trunk",
+					2.5,
+					"primary",
+					2.5,
+					"secondary",
+					1.5,
+					"tertiary",
+					1.5,
+					"minor",
+					1,
+					0
+				],
+				13,
+				[
+					"match",
+					[
+						"get",
+						"class"
+					],
+					"motorway",
+					6,
+					"trunk",
+					4,
+					"primary",
+					4,
+					"secondary",
+					4.1,
+					"tertiary",
+					4.1,
+					"minor",
+					2.7,
+					"service",
+					1.5,
+					0
+				],
+				15,
+				[
+					"match",
+					[
+						"get",
+						"class"
+					],
+					"motorway",
+					10,
+					"trunk",
+					9.5,
+					"primary",
+					8.4,
+					"secondary",
+					6.4,
+					"tertiary",
+					6.4,
+					"minor",
+					5.4,
+					"service",
+					4,
+					0
+				],
+				20,
+				[
+					"match",
+					[
+						"get",
+						"class"
+					],
+					"motorway",
+					24,
+					"trunk",
+					24,
+					"primary",
+					22,
+					"secondary",
+					20,
+					"tertiary",
+					18,
+					"minor",
+					17,
+					"service",
+					15,
+					0
+				]
+			],
+			"line-opacity": 1
+		}
+	},
+	{
+		id: "osm-road-sections-single-rel",
+		type: "line",
+		source: "openmaptiles",
+		"source-layer": "transportation",
+		metadata: {
+			group: "osm",
+			"sub-group": "osm-road-sections",
+			type: "relevant",
+			"legend-name": "OSM Fietspaden en voetpaden",
+			desc: "OpenStreetMap paden en tracks relevant",
+			"insert-before": "background"
+		},
+		filter: [
+			"in",
+			"class",
+			"path",
+			"track"
+		],
+		layout: {
+			visibility: "none",
+			"line-cap": "round",
+			"line-join": "round"
+		},
+		paint: {
+			"line-color": [
+				"match",
+				[
+					"get",
+					"class"
+				],
+				"path",
+				"hsl(19, 80%, 80%)",
+				"track",
+				"#f3e4d3",
+				"#ffffff"
+			],
+			"line-width": [
+				"interpolate",
+				[
+					"exponential",
+					1.1
+				],
+				[
+					"zoom"
+				],
+				10,
+				0,
+				13,
+				0.5,
+				15,
+				3.5,
+				20,
+				10
+			],
+			"line-opacity": 1
+		}
+	},
+	{
+		id: "brt-railway-center-line",
+		type: "line",
+		source: "pdok-brt",
+		"source-layer": "spoorbaandeellijn",
+		minzoom: 9,
+		metadata: {
+			group: "context-map",
+			"sub-group": "railway",
+			type: "context",
+			"legend-name": "Spoorlijnen",
+			desc: "trein, metro, tram. beschikbaar van z9. Over de wegen heen.",
+			"insert-before": "lines-overlay"
+		},
+		layout: {
+			visibility: "visible",
+			"line-cap": "round",
+			"line-join": "round"
+		},
+		paint: {
+			"line-color": [
+				"match",
+				[
+					"get",
+					"vistext"
+				],
+				"treinspoor",
+				"#a3a7aa",
+				"spoor in tunnel",
+				"#a3a7aa",
+				"metro / sneltram",
+				"#cbcdd9",
+				"metro / sneltram in tunnel",
+				"#cbcdd9",
+				"tram",
+				"#a3a7aa",
+				"tram in tunnel",
+				"#a3a7aa",
+				"overig",
+				"#a3a7aa",
+				"spoor onder ander object",
+				"#a3a7aa",
+				"transparent"
+			],
+			"line-width": [
+				"interpolate",
+				[
+					"linear"
+				],
+				[
+					"zoom"
+				],
+				12,
+				[
+					"match",
+					[
+						"get",
+						"vistext"
+					],
+					"treinspoor",
+					0.8,
+					"spoor in tunnel",
+					0.5,
+					"metro / sneltram",
+					0.1,
+					"metro / sneltram in tunnel",
+					0.1,
+					"tram",
+					0.1,
+					"tram in tunnel",
+					0.1,
+					"overig",
+					0.1,
+					"spoor onder ander object",
+					1,
+					10
+				],
+				16,
+				[
+					"match",
+					[
+						"get",
+						"vistext"
+					],
+					"treinspoor",
+					1.5,
+					"spoor in tunnel",
+					1.5,
+					"metro / sneltram",
+					3,
+					"metro / sneltram in tunnel",
+					3,
+					"tram",
+					1,
+					"tram in tunnel",
+					1,
+					"overig",
+					0.5,
+					"spoor onder ander object",
+					1.5,
+					10
+				]
+			],
+			"line-opacity": [
+				"match",
+				[
+					"get",
+					"vistext"
+				],
+				"spoor onder ander object",
+				0.5,
+				"spoor in tunnel",
+				0.5,
+				"metro / sneltram in tunnel",
+				0.5,
+				"tram in tunnel",
+				0.5,
+				1
+			]
+		}
+	},
+	{
+		id: "brt-railway-center-dash",
+		type: "line",
+		source: "pdok-brt",
+		"source-layer": "spoorbaandeellijn",
+		minzoom: 14,
+		metadata: {
+			group: "context-map",
+			"sub-group": "railway",
+			type: "context",
+			"legend-name": "Spoorlijnen dash voor trein",
+			desc: "trein. beschikbaar van z14. Over de wegen heen.",
+			"insert-before": "lines-overlay"
+		},
+		filter: [
+			"any",
+			[
+				"==",
+				[
+					"get",
+					"vistext"
+				],
+				"treinspoor"
+			],
+			[
+				"==",
+				[
+					"get",
+					"vistext"
+				],
+				"overig"
+			],
+			[
+				"==",
+				[
+					"get",
+					"vistext"
+				],
+				"spoor in tunnel"
+			]
+		],
+		layout: {
+			visibility: "visible",
+			"line-cap": "butt",
+			"line-join": "round"
+		},
+		paint: {
+			"line-dasharray": [
+				0.1,
+				5
+			],
+			"line-color": [
+				"match",
+				[
+					"get",
+					"vistext"
+				],
+				"treinspoor",
+				"#a3a7aa",
+				"spoor in tunnel",
+				"#a3a7aa",
+				"overig",
+				"#a3a7aa",
+				"spoor onder ander object",
+				"#a3a7aa",
+				"transparent"
+			],
+			"line-width": [
+				"interpolate",
+				[
+					"linear"
+				],
+				[
+					"zoom"
+				],
+				14,
+				[
+					"match",
+					[
+						"get",
+						"vistext"
+					],
+					"treinspoor",
+					3,
+					"spoor in tunnel",
+					3.5,
+					"overig",
+					3.1,
+					"spoor onder ander object",
 					3,
 					10
 				],
@@ -5133,6 +5992,208 @@ var layers = [
 			"text-halo-width": 1.5
 		}
 	},
+	{
+		id: "osm-road-names",
+		type: "symbol",
+		source: "openmaptiles",
+		"source-layer": "transportation_name",
+		metadata: {
+			group: "osm",
+			"sub-group": "osm-road-names",
+			type: "context",
+			"legend-name": "OSM Weg namen",
+			desc: "OpenStreetMap straatnamen",
+			"insert-before": "label"
+		},
+		minzoom: 12,
+		filter: [
+			"all",
+			[
+				"!in",
+				"class",
+				"path",
+				"track",
+				"motorway",
+				"trunk",
+				"primary"
+			]
+		],
+		layout: {
+			visibility: "none",
+			"symbol-sort-key": [
+				"match",
+				[
+					"get",
+					"class"
+				],
+				"secondary",
+				5,
+				"tertiary",
+				4,
+				"minor",
+				3,
+				"service",
+				2,
+				0
+			],
+			"symbol-placement": "line",
+			"text-field": "{name}",
+			"text-max-angle": 50,
+			"text-padding": 30,
+			"text-font": [
+				"case",
+				[
+					"==",
+					[
+						"get",
+						"class"
+					],
+					"secondary"
+				],
+				[
+					"literal",
+					[
+						"Noto Sans Bold"
+					]
+				],
+				[
+					"literal",
+					[
+						"Noto Sans Regular"
+					]
+				]
+			],
+			"text-size": [
+				"match",
+				[
+					"get",
+					"class"
+				],
+				"secondary",
+				14,
+				"tertiary",
+				12,
+				"minor",
+				11,
+				"service",
+				11,
+				0
+			],
+			"text-rotation-alignment": "map"
+		},
+		paint: {
+			"text-color": "hsl(196, 13%, 29%)",
+			"text-halo-color": "#f8f4f0",
+			"text-halo-width": 1.5
+		}
+	},
+	{
+		id: "osm-road-names-number",
+		type: "symbol",
+		source: "openmaptiles",
+		"source-layer": "transportation_name",
+		metadata: {
+			group: "osm",
+			"sub-group": "osm-road-names",
+			type: "context",
+			"legend-name": "OSM Weg nummers",
+			desc: "OpenStreetMap A en N wegnummers",
+			"insert-before": "label"
+		},
+		minzoom: 6,
+		filter: [
+			"all",
+			[
+				"has",
+				"ref"
+			],
+			[
+				"in",
+				"class",
+				"motorway",
+				"trunk",
+				"primary",
+				"secondary"
+			]
+		],
+		layout: {
+			visibility: "none",
+			"symbol-sort-key": [
+				"match",
+				[
+					"get",
+					"class"
+				],
+				"motorway",
+				7,
+				"trunk",
+				6,
+				"primary",
+				5,
+				"secondary",
+				4,
+				0
+			],
+			"symbol-placement": "line",
+			"symbol-spacing": [
+				"interpolate",
+				[
+					"linear"
+				],
+				[
+					"zoom"
+				],
+				8,
+				400,
+				10,
+				250,
+				20,
+				500
+			],
+			"text-field": "{ref}",
+			"text-max-angle": [
+				"interpolate",
+				[
+					"linear"
+				],
+				[
+					"zoom"
+				],
+				6,
+				20,
+				8,
+				5,
+				20,
+				0
+			],
+			"text-padding": 8,
+			"text-font": [
+				"Noto Sans Bold"
+			],
+			"text-size": [
+				"match",
+				[
+					"get",
+					"class"
+				],
+				"motorway",
+				12,
+				"trunk",
+				11,
+				"primary",
+				11,
+				"secondary",
+				10,
+				0
+			],
+			"text-rotation-alignment": "viewport"
+		},
+		paint: {
+			"text-color": "#f8f4f0",
+			"text-halo-color": "hsl(196, 13%, 50%)",
+			"text-halo-width": 30
+		}
+	},
 	{
 		id: "brt-district-names",
 		type: "symbol",
@@ -5896,11 +6957,55 @@ var style = {
 	layers: layers
 };
 
-const NDWMapStyle = style;
+const SPRITE_HOST = 'https://design.ndw.nu/map-storybook';
+function resolveSprites(sprites) {
+    const s = sprites;
+    if (!Array.isArray(s))
+        return s;
+    if (typeof location === 'undefined')
+        return s;
+    const spriteBase = location.hostname === 'localhost' ? location.origin : location.origin + '/map-storybook';
+    return s.map((entry) => ({
+        ...entry,
+        url: entry.url.includes(SPRITE_HOST) ? entry.url.replace(SPRITE_HOST, spriteBase) : entry.url,
+    }));
+}
+function isNwbRoadLayer(id) {
+    return id.startsWith('ndw-nwb-') || id.startsWith('nwb-');
+}
+const OSM_DEFAULT_VISIBLE = new Set([
+    'osm-road-sections-casing',
+    'osm-road-sections-fill',
+    'osm-road-sections-single',
+]);
+function swapRoadVisibility(layers, hide, show) {
+    return layers.map((layer) => {
+        if (hide(layer.id) && layer.layout?.visibility !== 'none') {
+            return { ...layer, layout: { ...layer.layout, visibility: 'none' } };
+        }
+        if (show.has(layer.id) && layer.layout?.visibility === 'none') {
+            return { ...layer, layout: { ...layer.layout, visibility: 'visible' } };
+        }
+        return layer;
+    });
+}
+const NDWMapStyle = {
+    ...style,
+    get sprite() {
+        return resolveSprites(style.sprite);
+    },
+};
+const NDWOSMMapStyle = {
+    ...style,
+    layers: swapRoadVisibility(style.layers, isNwbRoadLayer, OSM_DEFAULT_VISIBLE),
+    get sprite() {
+        return resolveSprites(style.sprite);
+    },
+};
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { ApiBackgroundLayer, ApiElement, ApiLayer, ApiSource, BOUNDS_AMERSFOORT, BOUNDS_NL, COMMON_BOUNDS, DEFAULT_MAP_CONFIG, MapComponent, MapElement, MapElementRepository, MapLayer, MapSource, MaplibreCursorService, NDWMapStyle, lineWidthFrcSpecification };
+export { ApiBackgroundLayer, ApiElement, ApiLayer, ApiSource, BOUNDS_AMERSFOORT, BOUNDS_NL, COMMON_BOUNDS, DEFAULT_MAP_CONFIG, MapComponent, MapElement, MapElementRepository, MapLayer, MapSource, MaplibreCursorService, NDWMapStyle, NDWOSMMapStyle, lineWidthFrcSpecification };
 //# sourceMappingURL=ndwnu-map.mjs.map