diff --git a/components/src/DesignTokens/DesignTokens.svelte b/components/src/DesignTokens/DesignTokens.svelte index 321616b7..29d625cc 100644 --- a/components/src/DesignTokens/DesignTokens.svelte +++ b/components/src/DesignTokens/DesignTokens.svelte @@ -56,11 +56,13 @@ --color-logoFill: var(--logoFill-light); --color-pageFill: var(--pageFill-light); --color-surfaceFill: var(--surfaceFill-light); + --color-surfaceBorder: var(--surfaceBorder-light); &[data-theme='dark'] { --color-logoFill: var(--logoFill-dark); --color-pageFill: var(--pageFill-dark); --color-surfaceFill: var(--surfaceFill-dark); + --color-surfaceBorder: var(--surfaceBorder-dark); --color-textPrimary: var(--textPrimary-dark); --color-textSecondary: var(--textSecondary-dark); --color-textSecondaryHover: var(--textSecondaryHover-dark); diff --git a/components/src/DesignTokens/Tokens.ts b/components/src/DesignTokens/Tokens.ts index 6284bc69..958c26df 100644 --- a/components/src/DesignTokens/Tokens.ts +++ b/components/src/DesignTokens/Tokens.ts @@ -175,7 +175,11 @@ const semantics: ColourMap = { }, surfaceFill: { dark: '#222325', - light: '#f1eeeb' + light: '#ffffff' + }, + surfaceBorder: { + dark: shades.gray.dark1, + light: shades.gray.base }, pageFill: { dark: '#0C0C0C', diff --git a/components/src/maplibre/AttributionControl/AttributionControl.stories.svelte b/components/src/maplibre/AttributionControl/AttributionControl.stories.svelte index 7dd19dd8..2fb4814b 100644 --- a/components/src/maplibre/AttributionControl/AttributionControl.stories.svelte +++ b/components/src/maplibre/AttributionControl/AttributionControl.stories.svelte @@ -12,7 +12,7 @@ - +
diff --git a/components/src/maplibre/AttributionControl/AttributionControl.svelte b/components/src/maplibre/AttributionControl/AttributionControl.svelte index 06c6cd64..7ebff6b6 100644 --- a/components/src/maplibre/AttributionControl/AttributionControl.svelte +++ b/components/src/maplibre/AttributionControl/AttributionControl.svelte @@ -24,6 +24,7 @@ letter-spacing: 0.005em; word-spacing: 0.005em; font-family: var(--swr-sans); + color: var(--color-textSecondary); } .maplibregl-ctrl-attrib.maplibregl-compact-show .maplibregl-ctrl-attrib-inner { display: block; diff --git a/components/src/maplibre/GeoJSONSource/GeoJSONSource.stories.svelte b/components/src/maplibre/GeoJSONSource/GeoJSONSource.stories.svelte index 50dec4e6..ae3f88d0 100644 --- a/components/src/maplibre/GeoJSONSource/GeoJSONSource.stories.svelte +++ b/components/src/maplibre/GeoJSONSource/GeoJSONSource.stories.svelte @@ -34,13 +34,13 @@ - +
- +
@@ -56,7 +56,7 @@ }); }} > - +
- +
:global { .maplibregl-ctrl-geocoder { - background-color: #fff; + background-color: var(--color-surfaceFill); position: relative; width: 100%; z-index: 1; font-family: var(--swr-sans); font-size: var(--fs-small-1); border-radius: var(--br-small); - border: 1px solid rgba(0, 0, 0, 0.75); - box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.075); + border: 1px solid var(--color-surfaceBorder); + box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.075); + + button { + cursor: pointer; + } } .maplibre-gl-geocoder--error { font-size: var(--fs-small-2); - color: var(--gray-dark-2); + color: var(--color-textSecondary); padding: 0.4em 0.65em; } @@ -84,10 +88,10 @@ font-family: inherit; font-size: inherit; background-color: transparent; - color: var(--gray-dark-5); + color: var(--color-textPrimary); border: 0; - height: 1.85em; - padding: 0 1.85em; + height: 1.95em; + padding: 0 1.95em; padding-top: 0.1em; text-overflow: ellipsis; white-space: nowrap; @@ -96,10 +100,10 @@ .maplibregl-ctrl-geocoder--input::placeholder { opacity: 1; - color: var(--gray-dark-2); + color: var(--color-textSecondary); } .maplibregl-ctrl-geocoder--input:focus { - color: var(--gray-dark-5); + color: var(--color-textPrimary); outline: 0; } @@ -115,7 +119,7 @@ /* Suggestions */ .maplibregl-ctrl-geocoder .suggestions { - background: white; + background: var(--color-surfaceFill); border: 1px solid rgba(0, 0, 0, 0.75); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1); border-radius: var(--br-small); @@ -140,7 +144,7 @@ padding: 0.5em 0.75em; color: var(--gray-dark-5); padding-bottom: 0.5em; - border-bottom: 1px solid var(--gray-light-3); + border-bottom: 1px solid var(--color-surfaceBorder); } .maplibregl-ctrl-geocoder .suggestions > li:last-child > a { border-bottom: 0; @@ -148,7 +152,7 @@ .maplibregl-ctrl-geocoder .suggestions > .active > a, .maplibregl-ctrl-geocoder .suggestions > li > a:hover { - background: var(--gray-light-5); + background: var(--color-surfaceHover); text-decoration: none; cursor: pointer; } @@ -180,12 +184,13 @@ display: none; } .maplibregl-ctrl-geocoder--result-title { + color: var(--color-textPrimary); font-weight: 600; letter-spacing: 0; } .maplibregl-ctrl-geocoder--result-address { font-size: var(--fs-small-2); - color: var(--gray-dark-2); + color: var(--color-textSecondary); line-height: 1.3; } @@ -195,6 +200,9 @@ top: 50%; transform: translateY(-50%); height: 1em; + path { + fill: var(--color-textPrimary); + } } .maplibregl-ctrl-geocoder--icon-close { diff --git a/components/src/maplibre/Map/Map.stories.svelte b/components/src/maplibre/Map/Map.stories.svelte index f4936616..5cc19876 100644 --- a/components/src/maplibre/Map/Map.stories.svelte +++ b/components/src/maplibre/Map/Map.stories.svelte @@ -69,7 +69,7 @@ }} >
- + @@ -105,7 +105,7 @@ }} >
- + @@ -196,11 +196,14 @@ position: absolute; top: 0; right: 0; - background: rgba(0, 0, 0, 0.9); + background: rgba(0, 0, 0, 0.75); color: white; z-index: 1000; padding: 2px; + font-size: 10px; font-family: monospace; + display: flex; + gap: 1em; li { list-style: none; } @@ -209,7 +212,9 @@ background: transparent; font-family: inherit; color: inherit; + font-size: inherit; border: 0; + text-transform: uppercase; cursor: pointer; &:hover, &:focus-visible { @@ -300,8 +305,8 @@ } .maplibregl-ctrl-group { - background: white; - border: 1px solid rgba(0, 0, 0, 0.75); + background: var(--color-surfaceFill); + border: 1px solid var(--color-surfaceBorder); box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.075); border-radius: var(--br-small); overflow: hidden; @@ -309,6 +314,7 @@ .maplibregl-ctrl-group button { background-color: transparent; + color: var(--color-textPrimary); border: 0; box-sizing: border-box; cursor: pointer; @@ -320,7 +326,7 @@ } .maplibregl-ctrl-group button + button { - border-top: 1px solid rgba(0, 0, 0, 0.35); + border-top: 1px solid var(--color-surfaceBorder); } .maplibregl-ctrl button .maplibregl-ctrl-icon { @@ -340,7 +346,7 @@ } .maplibregl-ctrl button:not(:disabled):hover { - background-color: var(--gray-light-5); + background-color: var(--color-surfaceHover); } .maplibregl-ctrl-group button:focus:focus-visible { @@ -352,11 +358,11 @@ } .maplibregl-ctrl-group button:focus:first-child { - border-radius: 4px 4px 0 0; + border-radius: 2px 2px 0 0; } .maplibregl-ctrl-group button:focus:last-child { - border-radius: 0 0 4px 4px; + border-radius: 0 0 2px 2px; } .maplibregl-ctrl-group button:focus:only-child { @@ -369,7 +375,7 @@ will-change: transform; } .maplibregl-marker path { - fill: var(--violet-dark-5); + fill: var(--color-textPrimary); } .maplibregl-cooperative-gesture-screen { align-items: center; diff --git a/components/src/maplibre/Map/test.css b/components/src/maplibre/Map/test.css deleted file mode 100644 index 737eb136..00000000 --- a/components/src/maplibre/Map/test.css +++ /dev/null @@ -1,687 +0,0 @@ -.maplibregl-map { - font: - 12px/20px Helvetica Neue, - Arial, - Helvetica, - sans-serif; - overflow: hidden; - position: relative; - -webkit-tap-highlight-color: rgb(0, 0, 0, 0); -} -.maplibregl-canvas { - left: 0; - position: absolute; - top: 0; -} -.maplibregl-map:fullscreen { - height: 100%; - width: 100%; -} -.maplibregl-ctrl-group button.maplibregl-ctrl-compass { - touch-action: none; -} -.maplibregl-canvas-container.maplibregl-interactive, -.maplibregl-ctrl-group button.maplibregl-ctrl-compass { - cursor: grab; - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; -} -.maplibregl-canvas-container.maplibregl-interactive.maplibregl-track-pointer { - cursor: pointer; -} -.maplibregl-canvas-container.maplibregl-interactive:active, -.maplibregl-ctrl-group button.maplibregl-ctrl-compass:active { - cursor: grabbing; -} -.maplibregl-canvas-container.maplibregl-touch-zoom-rotate, -.maplibregl-canvas-container.maplibregl-touch-zoom-rotate .maplibregl-canvas { - touch-action: pan-x pan-y; -} -.maplibregl-canvas-container.maplibregl-touch-drag-pan, -.maplibregl-canvas-container.maplibregl-touch-drag-pan .maplibregl-canvas { - touch-action: pinch-zoom; -} -.maplibregl-canvas-container.maplibregl-touch-zoom-rotate.maplibregl-touch-drag-pan, -.maplibregl-canvas-container.maplibregl-touch-zoom-rotate.maplibregl-touch-drag-pan - .maplibregl-canvas { - touch-action: none; -} -.maplibregl-canvas-container.maplibregl-touch-drag-pan.maplibregl-cooperative-gestures, -.maplibregl-canvas-container.maplibregl-touch-drag-pan.maplibregl-cooperative-gestures - .maplibregl-canvas { - touch-action: pan-x pan-y; -} -.maplibregl-ctrl-bottom-left, -.maplibregl-ctrl-bottom-right, -.maplibregl-ctrl-top-left, -.maplibregl-ctrl-top-right { - pointer-events: none; - position: absolute; - z-index: 2; -} -.maplibregl-ctrl-top-left { - left: 0; - top: 0; -} -.maplibregl-ctrl-top-right { - right: 0; - top: 0; -} -.maplibregl-ctrl-bottom-left { - bottom: 0; - left: 0; -} -.maplibregl-ctrl-bottom-right { - bottom: 0; - right: 0; -} -.maplibregl-ctrl { - clear: both; - pointer-events: auto; - transform: translate(0); -} -.maplibregl-ctrl-top-left .maplibregl-ctrl { - float: left; - margin: 10px 0 0 10px; -} -.maplibregl-ctrl-top-right .maplibregl-ctrl { - float: right; - margin: 10px 10px 0 0; -} -.maplibregl-ctrl-bottom-left .maplibregl-ctrl { - float: left; - margin: 0 0 10px 10px; -} -.maplibregl-ctrl-bottom-right .maplibregl-ctrl { - float: right; - margin: 0 10px 10px 0; -} -.maplibregl-ctrl-group { - background: #fff; - border-radius: 4px; -} -.maplibregl-ctrl-group:not(:empty) { - box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1); -} -@media (forced-colors: active) { - .maplibregl-ctrl-group:not(:empty) { - box-shadow: 0 0 0 2px ButtonText; - } -} -.maplibregl-ctrl-group button { - background-color: transparent; - border: 0; - box-sizing: border-box; - cursor: pointer; - display: block; - height: 29px; - outline: none; - padding: 0; - width: 29px; -} -.maplibregl-ctrl-group button + button { - border-top: 1px solid #ddd; -} -.maplibregl-ctrl button .maplibregl-ctrl-icon { - background-position: 50%; - background-repeat: no-repeat; - display: block; - height: 100%; - width: 100%; -} -@media (forced-colors: active) { - .maplibregl-ctrl-icon { - background-color: transparent; - } - .maplibregl-ctrl-group button + button { - border-top: 1px solid ButtonText; - } -} -.maplibregl-ctrl button::-moz-focus-inner { - border: 0; - padding: 0; -} -.maplibregl-ctrl-attrib-button:focus, -.maplibregl-ctrl-group button:focus { - box-shadow: 0 0 2px 2px #0096ff; -} -.maplibregl-ctrl button:disabled { - cursor: not-allowed; -} -.maplibregl-ctrl button:disabled .maplibregl-ctrl-icon { - opacity: 0.25; -} -@media (hover: hover) { - .maplibregl-ctrl button:not(:disabled):hover { - background-color: rgba(0, 0, 0, 0.05); - } -} -.maplibregl-ctrl button:not(:disabled):active { - background-color: rgba(0, 0, 0, 0.05); -} -.maplibregl-ctrl-group button:focus:focus-visible { - box-shadow: 0 0 2px 2px #0096ff; -} -.maplibregl-ctrl-group button:focus:not(:focus-visible) { - box-shadow: none; -} -.maplibregl-ctrl-group button:focus:first-child { - border-radius: 4px 4px 0 0; -} -.maplibregl-ctrl-group button:focus:last-child { - border-radius: 0 0 4px 4px; -} -.maplibregl-ctrl-group button:focus:only-child { - border-radius: inherit; -} -.maplibregl-ctrl button.maplibregl-ctrl-zoom-out .maplibregl-ctrl-icon { - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13z'/%3E%3C/svg%3E"); -} -.maplibregl-ctrl button.maplibregl-ctrl-zoom-in .maplibregl-ctrl-icon { - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5'/%3E%3C/svg%3E"); -} -@media (forced-colors: active) { - .maplibregl-ctrl button.maplibregl-ctrl-zoom-out .maplibregl-ctrl-icon { - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13z'/%3E%3C/svg%3E"); - } - .maplibregl-ctrl button.maplibregl-ctrl-zoom-in .maplibregl-ctrl-icon { - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5'/%3E%3C/svg%3E"); - } -} -@media (forced-colors: active) and (prefers-color-scheme: light) { - .maplibregl-ctrl button.maplibregl-ctrl-zoom-out .maplibregl-ctrl-icon { - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13z'/%3E%3C/svg%3E"); - } - .maplibregl-ctrl button.maplibregl-ctrl-zoom-in .maplibregl-ctrl-icon { - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5'/%3E%3C/svg%3E"); - } -} -.maplibregl-ctrl button.maplibregl-ctrl-fullscreen .maplibregl-ctrl-icon { - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1z'/%3E%3C/svg%3E"); -} -.maplibregl-ctrl button.maplibregl-ctrl-shrink .maplibregl-ctrl-icon { - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1z'/%3E%3C/svg%3E"); -} -@media (forced-colors: active) { - .maplibregl-ctrl button.maplibregl-ctrl-fullscreen .maplibregl-ctrl-icon { - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1z'/%3E%3C/svg%3E"); - } - .maplibregl-ctrl button.maplibregl-ctrl-shrink .maplibregl-ctrl-icon { - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1z'/%3E%3C/svg%3E"); - } -} -@media (forced-colors: active) and (prefers-color-scheme: light) { - .maplibregl-ctrl button.maplibregl-ctrl-fullscreen .maplibregl-ctrl-icon { - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1z'/%3E%3C/svg%3E"); - } - .maplibregl-ctrl button.maplibregl-ctrl-shrink .maplibregl-ctrl-icon { - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1z'/%3E%3C/svg%3E"); - } -} -.maplibregl-ctrl button.maplibregl-ctrl-compass .maplibregl-ctrl-icon { - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='m10.5 14 4-8 4 8z'/%3E%3Cpath fill='%23ccc' d='m10.5 16 4 8 4-8z'/%3E%3C/svg%3E"); -} -@media (forced-colors: active) { - .maplibregl-ctrl button.maplibregl-ctrl-compass .maplibregl-ctrl-icon { - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='m10.5 14 4-8 4 8z'/%3E%3Cpath fill='%23ccc' d='m10.5 16 4 8 4-8z'/%3E%3C/svg%3E"); - } -} -@media (forced-colors: active) and (prefers-color-scheme: light) { - .maplibregl-ctrl button.maplibregl-ctrl-compass .maplibregl-ctrl-icon { - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 29 29'%3E%3Cpath d='m10.5 14 4-8 4 8z'/%3E%3Cpath fill='%23ccc' d='m10.5 16 4 8 4-8z'/%3E%3C/svg%3E"); - } -} -.maplibregl-ctrl button.maplibregl-ctrl-globe .maplibregl-ctrl-icon { - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none' stroke='%23333' viewBox='0 0 22 22'%3E%3Ccircle cx='11' cy='11' r='8.5'/%3E%3Cpath d='M17.5 11c0 4.819-3.02 8.5-6.5 8.5S4.5 15.819 4.5 11 7.52 2.5 11 2.5s6.5 3.681 6.5 8.5Z'/%3E%3Cpath d='M13.5 11c0 2.447-.331 4.64-.853 6.206-.262.785-.562 1.384-.872 1.777-.314.399-.58.517-.775.517s-.461-.118-.775-.517c-.31-.393-.61-.992-.872-1.777C8.831 15.64 8.5 13.446 8.5 11s.331-4.64.853-6.206c.262-.785.562-1.384.872-1.777.314-.399.58-.517.775-.517s.461.118.775.517c.31.393.61.992.872 1.777.522 1.565.853 3.76.853 6.206Z'/%3E%3Cpath d='M11 7.5c-1.909 0-3.622-.166-4.845-.428-.616-.132-1.08-.283-1.379-.434a1.3 1.3 0 0 1-.224-.138q.07-.058.224-.138c.299-.151.763-.302 1.379-.434C7.378 5.666 9.091 5.5 11 5.5s3.622.166 4.845.428c.616.132 1.08.283 1.379.434.105.053.177.1.224.138q-.07.058-.224.138c-.299.151-.763.302-1.379.434-1.223.262-2.936.428-4.845.428ZM4.486 6.436ZM11 16.5c-1.909 0-3.622-.166-4.845-.428-.616-.132-1.08-.283-1.379-.434a1.3 1.3 0 0 1-.224-.138 1.3 1.3 0 0 1 .224-.138c.299-.151.763-.302 1.379-.434C7.378 14.666 9.091 14.5 11 14.5s3.622.166 4.845.428c.616.132 1.08.283 1.379.434.105.053.177.1.224.138a1.3 1.3 0 0 1-.224.138c-.299.151-.763.302-1.379.434-1.223.262-2.936.428-4.845.428Zm-6.514-1.064ZM11 12.5c-2.46 0-4.672-.222-6.255-.574-.796-.177-1.406-.38-1.805-.59a1.5 1.5 0 0 1-.39-.272.3.3 0 0 1-.047-.064.3.3 0 0 1 .048-.064c.066-.073.189-.167.389-.272.399-.21 1.009-.413 1.805-.59C6.328 9.722 8.54 9.5 11 9.5s4.672.222 6.256.574c.795.177 1.405.38 1.804.59.2.105.323.2.39.272a.3.3 0 0 1 .047.064.3.3 0 0 1-.048.064 1.4 1.4 0 0 1-.389.272c-.399.21-1.009.413-1.804.59-1.584.352-3.796.574-6.256.574Zm-8.501-1.51v.002zm0 .018v.002zm17.002.002v-.002zm0-.018v-.002z'/%3E%3C/svg%3E"); -} -.maplibregl-ctrl button.maplibregl-ctrl-globe-enabled .maplibregl-ctrl-icon { - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none' stroke='%2333b5e5' viewBox='0 0 22 22'%3E%3Ccircle cx='11' cy='11' r='8.5'/%3E%3Cpath d='M17.5 11c0 4.819-3.02 8.5-6.5 8.5S4.5 15.819 4.5 11 7.52 2.5 11 2.5s6.5 3.681 6.5 8.5Z'/%3E%3Cpath d='M13.5 11c0 2.447-.331 4.64-.853 6.206-.262.785-.562 1.384-.872 1.777-.314.399-.58.517-.775.517s-.461-.118-.775-.517c-.31-.393-.61-.992-.872-1.777C8.831 15.64 8.5 13.446 8.5 11s.331-4.64.853-6.206c.262-.785.562-1.384.872-1.777.314-.399.58-.517.775-.517s.461.118.775.517c.31.393.61.992.872 1.777.522 1.565.853 3.76.853 6.206Z'/%3E%3Cpath d='M11 7.5c-1.909 0-3.622-.166-4.845-.428-.616-.132-1.08-.283-1.379-.434a1.3 1.3 0 0 1-.224-.138q.07-.058.224-.138c.299-.151.763-.302 1.379-.434C7.378 5.666 9.091 5.5 11 5.5s3.622.166 4.845.428c.616.132 1.08.283 1.379.434.105.053.177.1.224.138q-.07.058-.224.138c-.299.151-.763.302-1.379.434-1.223.262-2.936.428-4.845.428ZM4.486 6.436ZM11 16.5c-1.909 0-3.622-.166-4.845-.428-.616-.132-1.08-.283-1.379-.434a1.3 1.3 0 0 1-.224-.138 1.3 1.3 0 0 1 .224-.138c.299-.151.763-.302 1.379-.434C7.378 14.666 9.091 14.5 11 14.5s3.622.166 4.845.428c.616.132 1.08.283 1.379.434.105.053.177.1.224.138a1.3 1.3 0 0 1-.224.138c-.299.151-.763.302-1.379.434-1.223.262-2.936.428-4.845.428Zm-6.514-1.064ZM11 12.5c-2.46 0-4.672-.222-6.255-.574-.796-.177-1.406-.38-1.805-.59a1.5 1.5 0 0 1-.39-.272.3.3 0 0 1-.047-.064.3.3 0 0 1 .048-.064c.066-.073.189-.167.389-.272.399-.21 1.009-.413 1.805-.59C6.328 9.722 8.54 9.5 11 9.5s4.672.222 6.256.574c.795.177 1.405.38 1.804.59.2.105.323.2.39.272a.3.3 0 0 1 .047.064.3.3 0 0 1-.048.064 1.4 1.4 0 0 1-.389.272c-.399.21-1.009.413-1.804.59-1.584.352-3.796.574-6.256.574Zm-8.501-1.51v.002zm0 .018v.002zm17.002.002v-.002zm0-.018v-.002z'/%3E%3C/svg%3E"); -} -.maplibregl-ctrl button.maplibregl-ctrl-terrain .maplibregl-ctrl-icon { - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='%23333' viewBox='0 0 22 22'%3E%3Cpath d='m1.754 13.406 4.453-4.851 3.09 3.09 3.281 3.277.969-.969-3.309-3.312 3.844-4.121 6.148 6.886h1.082v-.855l-7.207-8.07-4.84 5.187L6.169 6.57l-5.48 5.965v.871ZM.688 16.844h20.625v1.375H.688Zm0 0'/%3E%3C/svg%3E"); -} -.maplibregl-ctrl button.maplibregl-ctrl-terrain-enabled .maplibregl-ctrl-icon { - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='%2333b5e5' viewBox='0 0 22 22'%3E%3Cpath d='m1.754 13.406 4.453-4.851 3.09 3.09 3.281 3.277.969-.969-3.309-3.312 3.844-4.121 6.148 6.886h1.082v-.855l-7.207-8.07-4.84 5.187L6.169 6.57l-5.48 5.965v.871ZM.688 16.844h20.625v1.375H.688Zm0 0'/%3E%3C/svg%3E"); -} -.maplibregl-ctrl button.maplibregl-ctrl-geolocate .maplibregl-ctrl-icon { - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23333' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E"); -} -.maplibregl-ctrl button.maplibregl-ctrl-geolocate:disabled .maplibregl-ctrl-icon { - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23aaa' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Cpath fill='red' d='m14 5 1 1-9 9-1-1z'/%3E%3C/svg%3E"); -} -.maplibregl-ctrl - button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-active - .maplibregl-ctrl-icon { - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%2333b5e5' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E"); -} -.maplibregl-ctrl - button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-active-error - .maplibregl-ctrl-icon { - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23e58978' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E"); -} -.maplibregl-ctrl - button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-background - .maplibregl-ctrl-icon { - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%2333b5e5' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3C/svg%3E"); -} -.maplibregl-ctrl - button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-background-error - .maplibregl-ctrl-icon { - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23e54e33' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3C/svg%3E"); -} -.maplibregl-ctrl - button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-waiting - .maplibregl-ctrl-icon { - animation: maplibregl-spin 2s linear infinite; -} -@media (forced-colors: active) { - .maplibregl-ctrl button.maplibregl-ctrl-geolocate .maplibregl-ctrl-icon { - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23fff' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E"); - } - .maplibregl-ctrl button.maplibregl-ctrl-geolocate:disabled .maplibregl-ctrl-icon { - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23999' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Cpath fill='red' d='m14 5 1 1-9 9-1-1z'/%3E%3C/svg%3E"); - } - .maplibregl-ctrl - button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-active - .maplibregl-ctrl-icon { - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%2333b5e5' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E"); - } - .maplibregl-ctrl - button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-active-error - .maplibregl-ctrl-icon { - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23e58978' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E"); - } - .maplibregl-ctrl - button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-background - .maplibregl-ctrl-icon { - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%2333b5e5' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3C/svg%3E"); - } - .maplibregl-ctrl - button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-background-error - .maplibregl-ctrl-icon { - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23e54e33' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3C/svg%3E"); - } -} -@media (forced-colors: active) and (prefers-color-scheme: light) { - .maplibregl-ctrl button.maplibregl-ctrl-geolocate .maplibregl-ctrl-icon { - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E"); - } - .maplibregl-ctrl button.maplibregl-ctrl-geolocate:disabled .maplibregl-ctrl-icon { - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%23666' viewBox='0 0 20 20'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1m0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Cpath fill='red' d='m14 5 1 1-9 9-1-1z'/%3E%3C/svg%3E"); - } -} -@keyframes maplibregl-spin { - 0% { - transform: rotate(0deg); - } - to { - transform: rotate(1turn); - } -} -a.maplibregl-ctrl-logo { - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='23' fill='none'%3E%3Cpath fill='%23000' fill-opacity='.4' fill-rule='evenodd' d='M17.408 16.796h-1.827l2.501-12.095h.198l3.324 6.533.988 2.19.988-2.19 3.258-6.533h.181l2.6 12.095h-1.81l-1.218-5.644-.362-1.71-.658 1.71-2.929 5.644h-.098l-2.914-5.644-.757-1.71-.345 1.71zm1.958-3.42-.726 3.663a1.255 1.255 0 0 1-1.232 1.011h-1.827a1.255 1.255 0 0 1-1.229-1.509l2.501-12.095a1.255 1.255 0 0 1 1.23-1.001h.197a1.25 1.25 0 0 1 1.12.685l3.19 6.273 3.125-6.263a1.25 1.25 0 0 1 1.123-.695h.181a1.255 1.255 0 0 1 1.227.991l1.443 6.71a5 5 0 0 1 .314-.787l.009-.016a4.6 4.6 0 0 1 1.777-1.887c.782-.46 1.668-.667 2.611-.667a4.6 4.6 0 0 1 1.7.32l.306.134c.21-.16.474-.256.759-.256h1.694a1.255 1.255 0 0 1 1.212.925 1.255 1.255 0 0 1 1.212-.925h1.711c.284 0 .545.094.755.252.613-.3 1.312-.45 2.075-.45 1.356 0 2.557.445 3.482 1.4q.47.48.763 1.064V4.701a1.255 1.255 0 0 1 1.255-1.255h1.86A1.255 1.255 0 0 1 54.44 4.7v9.194h2.217c.19 0 .37.043.532.118v-4.77c0-.356.147-.678.385-.906a2.42 2.42 0 0 1-.682-1.71c0-.665.267-1.253.735-1.7a2.45 2.45 0 0 1 1.722-.674 2.43 2.43 0 0 1 1.705.675q.318.302.504.683V4.7a1.255 1.255 0 0 1 1.255-1.255h1.744A1.255 1.255 0 0 1 65.812 4.7v3.335a4.8 4.8 0 0 1 1.526-.246c.938 0 1.817.214 2.59.69a4.47 4.47 0 0 1 1.67 1.743v-.98a1.255 1.255 0 0 1 1.256-1.256h1.777c.233 0 .451.064.639.174a3.4 3.4 0 0 1 1.567-.372c.346 0 .861.02 1.285.232a1.25 1.25 0 0 1 .689 1.004 4.7 4.7 0 0 1 .853-.588c.795-.44 1.675-.647 2.61-.647 1.385 0 2.65.39 3.525 1.396.836.938 1.168 2.173 1.168 3.528q-.001.515-.056 1.051a1.255 1.255 0 0 1-.947 1.09l.408.952a1.255 1.255 0 0 1-.477 1.552c-.418.268-.92.463-1.458.612-.613.171-1.304.244-2.049.244-1.06 0-2.043-.207-2.886-.698l-.015-.008c-.798-.48-1.419-1.135-1.818-1.963l-.004-.008a5.8 5.8 0 0 1-.548-2.512q0-.429.053-.843a1.3 1.3 0 0 1-.333-.086l-.166-.004c-.223 0-.426.062-.643.228-.03.024-.142.139-.142.59v3.883a1.255 1.255 0 0 1-1.256 1.256h-1.777a1.255 1.255 0 0 1-1.256-1.256V15.69l-.032.057a4.8 4.8 0 0 1-1.86 1.833 5.04 5.04 0 0 1-2.484.634 4.5 4.5 0 0 1-1.935-.424 1.25 1.25 0 0 1-.764.258h-1.71a1.255 1.255 0 0 1-1.256-1.255V7.687a2.4 2.4 0 0 1-.428.625c.253.23.412.561.412.93v7.553a1.255 1.255 0 0 1-1.256 1.255h-1.843a1.25 1.25 0 0 1-.894-.373c-.228.23-.544.373-.894.373H51.32a1.255 1.255 0 0 1-1.256-1.255v-1.251l-.061.117a4.7 4.7 0 0 1-1.782 1.884 4.77 4.77 0 0 1-2.485.67 5.6 5.6 0 0 1-1.485-.188l.009 2.764a1.255 1.255 0 0 1-1.255 1.259h-1.729a1.255 1.255 0 0 1-1.255-1.255v-3.537a1.255 1.255 0 0 1-1.167.793h-1.679a1.25 1.25 0 0 1-.77-.263 4.5 4.5 0 0 1-1.945.429c-.885 0-1.724-.21-2.495-.632l-.017-.01a5 5 0 0 1-1.081-.836 1.255 1.255 0 0 1-1.254 1.312h-1.81a1.255 1.255 0 0 1-1.228-.99l-.782-3.625-2.044 3.939a1.25 1.25 0 0 1-1.115.676h-.098a1.25 1.25 0 0 1-1.116-.68l-2.061-3.994zM35.92 16.63l.207-.114.223-.15q.493-.356.735-.785l.061-.118.033 1.332h1.678V9.242h-1.694l-.033 1.267q-.133-.329-.526-.658l-.032-.028a3.2 3.2 0 0 0-.668-.428l-.27-.12a3.3 3.3 0 0 0-1.235-.23q-1.136-.001-1.974.493a3.36 3.36 0 0 0-1.3 1.382q-.445.89-.444 2.074 0 1.2.51 2.107a3.8 3.8 0 0 0 1.382 1.381 3.9 3.9 0 0 0 1.893.477q.795 0 1.455-.33zm-2.789-5.38q-.576.675-.575 1.762 0 1.102.559 1.794.576.675 1.645.675a2.25 2.25 0 0 0 .934-.19 2.2 2.2 0 0 0 .468-.29l.178-.161a2.2 2.2 0 0 0 .397-.561q.244-.5.244-1.15v-.115q0-.708-.296-1.267l-.043-.077a2.2 2.2 0 0 0-.633-.709l-.13-.086-.047-.028a2.1 2.1 0 0 0-1.073-.285q-1.052 0-1.629.692zm2.316 2.706c.163-.17.28-.407.28-.83v-.114c0-.292-.06-.508-.15-.68a.96.96 0 0 0-.353-.389.85.85 0 0 0-.464-.127c-.4 0-.56.114-.664.239l-.01.012c-.148.174-.275.45-.275.945 0 .506.122.801.27.99.097.11.266.224.68.224.303 0 .504-.09.687-.269zm7.545 1.705a2.6 2.6 0 0 0 .331.423q.319.33.755.548l.173.074q.65.255 1.49.255 1.02 0 1.844-.493a3.45 3.45 0 0 0 1.316-1.4q.493-.904.493-2.089 0-1.909-.988-2.913-.988-1.02-2.584-1.02-.898 0-1.575.347a3 3 0 0 0-.415.262l-.199.166a3.4 3.4 0 0 0-.64.82V9.242h-1.712v11.553h1.729l-.017-5.134zm.53-1.138q.206.29.48.5l.155.11.053.034q.51.296 1.119.297 1.07 0 1.645-.675.577-.69.576-1.762 0-1.119-.576-1.777-.558-.675-1.645-.675-.435 0-.835.16a2 2 0 0 0-.284.136 2 2 0 0 0-.363.254 2.2 2.2 0 0 0-.46.569l-.082.162a2.6 2.6 0 0 0-.213 1.072v.115q0 .707.296 1.267l.135.211zm.964-.818a1.1 1.1 0 0 0 .367.385.94.94 0 0 0 .476.118c.423 0 .59-.117.687-.23.159-.194.28-.478.28-.95 0-.53-.133-.8-.266-.952l-.021-.025c-.078-.094-.231-.221-.68-.221a1 1 0 0 0-.503.135l-.012.007a.86.86 0 0 0-.335.343c-.073.133-.132.324-.132.614v.115a1.4 1.4 0 0 0 .14.66zm15.7-6.222q.347-.346.346-.856a1.05 1.05 0 0 0-.345-.79 1.18 1.18 0 0 0-.84-.329q-.51 0-.855.33a1.05 1.05 0 0 0-.346.79q0 .51.346.855.345.346.856.346.51 0 .839-.346zm4.337 9.314.033-1.332q.191.403.59.747l.098.081a4 4 0 0 0 .316.224l.223.122a3.2 3.2 0 0 0 1.44.322 3.8 3.8 0 0 0 1.875-.477 3.5 3.5 0 0 0 1.382-1.366q.527-.89.526-2.09 0-1.184-.444-2.073a3.24 3.24 0 0 0-1.283-1.399q-.823-.51-1.942-.51a3.5 3.5 0 0 0-1.527.344l-.086.043-.165.09a3 3 0 0 0-.33.214q-.432.315-.656.707a2 2 0 0 0-.099.198l.082-1.283V4.701h-1.744v12.095zm.473-2.509a2.5 2.5 0 0 0 .566.7q.117.098.245.18l.144.08a2.1 2.1 0 0 0 .975.232q1.07 0 1.645-.675.576-.69.576-1.778 0-1.102-.576-1.777-.56-.691-1.645-.692a2.2 2.2 0 0 0-1.015.235q-.22.113-.415.282l-.15.142a2.1 2.1 0 0 0-.42.594q-.223.479-.223 1.1v.115q0 .705.293 1.26zm2.616-.293c.157-.191.28-.479.28-.967 0-.51-.13-.79-.276-.961l-.021-.026c-.082-.1-.232-.225-.67-.225a.87.87 0 0 0-.681.279l-.012.011c-.154.155-.274.38-.274.807v.115c0 .285.057.499.144.669a1.1 1.1 0 0 0 .367.405c.137.082.28.123.455.123.423 0 .59-.118.686-.23zm8.266-3.013q.345-.13.724-.14l.069-.002q.493 0 .642.099l.247-1.794q-.196-.099-.717-.099a2.3 2.3 0 0 0-.545.063 2 2 0 0 0-.411.148 2.2 2.2 0 0 0-.4.249 2.5 2.5 0 0 0-.485.499 2.7 2.7 0 0 0-.32.581l-.05.137v-1.48h-1.778v7.553h1.777v-3.884q0-.546.159-.943a1.5 1.5 0 0 1 .466-.636 2.5 2.5 0 0 1 .399-.253 2 2 0 0 1 .224-.099zm9.784 2.656.05-.922q0-1.743-.856-2.698-.838-.97-2.584-.97-1.119-.001-2.007.493a3.46 3.46 0 0 0-1.4 1.382q-.493.906-.493 2.106 0 1.07.428 1.975.428.89 1.332 1.432.906.526 2.255.526.973 0 1.668-.185l.044-.012.135-.04q.613-.184.984-.421l-.542-1.267q-.3.162-.642.274l-.297.087q-.51.131-1.3.131-.954 0-1.497-.444a1.6 1.6 0 0 1-.192-.193q-.366-.44-.512-1.234l-.004-.021zm-5.427-1.256-.003.022h3.752v-.138q-.011-.727-.288-1.118a1 1 0 0 0-.156-.176q-.46-.428-1.316-.428-.986 0-1.494.604-.379.45-.494 1.234zm-27.053 2.77V4.7h-1.86v12.095h5.333V15.15zm7.103-5.908v7.553h-1.843V9.242h1.843z'/%3E%3Cpath fill='%23fff' d='m19.63 11.151-.757-1.71-.345 1.71-1.12 5.644h-1.827L18.083 4.7h.197l3.325 6.533.988 2.19.988-2.19L26.839 4.7h.181l2.6 12.095h-1.81l-1.218-5.644-.362-1.71-.658 1.71-2.93 5.644h-.098l-2.913-5.644zm14.836 5.81q-1.02 0-1.893-.478a3.8 3.8 0 0 1-1.381-1.382q-.51-.906-.51-2.106 0-1.185.444-2.074a3.36 3.36 0 0 1 1.3-1.382q.839-.494 1.974-.494a3.3 3.3 0 0 1 1.234.231 3.3 3.3 0 0 1 .97.575q.396.33.527.659l.033-1.267h1.694v7.553H37.18l-.033-1.332q-.279.593-1.02 1.053a3.17 3.17 0 0 1-1.662.444zm.296-1.482q.938 0 1.58-.642.642-.66.642-1.711v-.115q0-.708-.296-1.267a2.2 2.2 0 0 0-.807-.872 2.1 2.1 0 0 0-1.119-.313q-1.053 0-1.629.692-.575.675-.575 1.76 0 1.103.559 1.795.577.675 1.645.675zm6.521-6.237h1.711v1.4q.906-1.597 2.83-1.597 1.596 0 2.584 1.02.988 1.005.988 2.914 0 1.185-.493 2.09a3.46 3.46 0 0 1-1.316 1.399 3.5 3.5 0 0 1-1.844.493q-.954 0-1.662-.329a2.67 2.67 0 0 1-1.086-.97l.017 5.134h-1.728zm4.048 6.22q1.07 0 1.645-.674.577-.69.576-1.762 0-1.119-.576-1.777-.558-.675-1.645-.675-.592 0-1.12.296-.51.28-.822.823-.296.527-.296 1.234v.115q0 .708.296 1.267.313.543.823.855.51.296 1.119.297z'/%3E%3Cpath fill='%23e1e3e9' d='M51.325 4.7h1.86v10.45h3.473v1.646h-5.333zm7.12 4.542h1.843v7.553h-1.843zm.905-1.415a1.16 1.16 0 0 1-.856-.346 1.17 1.17 0 0 1-.346-.856 1.05 1.05 0 0 1 .346-.79q.346-.329.856-.329.494 0 .839.33a1.05 1.05 0 0 1 .345.79 1.16 1.16 0 0 1-.345.855q-.33.346-.84.346zm7.875 9.133a3.17 3.17 0 0 1-1.662-.444q-.723-.46-1.004-1.053l-.033 1.332h-1.71V4.701h1.743v4.657l-.082 1.283q.279-.658 1.086-1.119a3.5 3.5 0 0 1 1.778-.477q1.119 0 1.942.51a3.24 3.24 0 0 1 1.283 1.4q.445.888.444 2.072 0 1.201-.526 2.09a3.5 3.5 0 0 1-1.382 1.366 3.8 3.8 0 0 1-1.876.477zm-.296-1.481q1.069 0 1.645-.675.577-.69.577-1.778 0-1.102-.577-1.776-.56-.691-1.645-.692a2.12 2.12 0 0 0-1.58.659q-.642.641-.642 1.694v.115q0 .71.296 1.267a2.4 2.4 0 0 0 .807.872 2.1 2.1 0 0 0 1.119.313zm5.927-6.237h1.777v1.481q.263-.757.856-1.217a2.14 2.14 0 0 1 1.349-.46q.527 0 .724.098l-.247 1.794q-.149-.099-.642-.099-.774 0-1.416.494-.626.493-.626 1.58v3.883h-1.777V9.242zm9.534 7.718q-1.35 0-2.255-.526-.904-.543-1.332-1.432a4.6 4.6 0 0 1-.428-1.975q0-1.2.493-2.106a3.46 3.46 0 0 1 1.4-1.382q.889-.495 2.007-.494 1.744 0 2.584.97.855.956.856 2.7 0 .444-.05.92h-5.43q.18 1.005.708 1.45.542.443 1.497.443.79 0 1.3-.131a4 4 0 0 0 .938-.362l.542 1.267q-.411.263-1.119.46-.708.198-1.711.197zm1.596-4.558q.016-1.02-.444-1.432-.46-.428-1.316-.428-1.728 0-1.991 1.86z'/%3E%3Cpath d='M5.074 15.948a.484.657 0 0 0-.486.659v1.84a.484.657 0 0 0 .486.659h4.101a.484.657 0 0 0 .486-.659v-1.84a.484.657 0 0 0-.486-.659zm3.56 1.16H5.617v.838h3.017z' style='fill:%23fff;fill-rule:evenodd;stroke-width:1.03600001'/%3E%3Cg style='stroke-width:1.12603545'%3E%3Cpath d='M-9.408-1.416c-3.833-.025-7.056 2.912-7.08 6.615-.02 3.08 1.653 4.832 3.107 6.268.903.892 1.721 1.74 2.32 2.902l-.525-.004c-.543-.003-.992.304-1.24.639a1.87 1.87 0 0 0-.362 1.121l-.011 1.877c-.003.402.104.787.347 1.125.244.338.688.653 1.23.656l4.142.028c.542.003.99-.306 1.238-.641a1.87 1.87 0 0 0 .363-1.121l.012-1.875a1.87 1.87 0 0 0-.348-1.127c-.243-.338-.688-.653-1.23-.656l-.518-.004c.597-1.145 1.425-1.983 2.348-2.87 1.473-1.414 3.18-3.149 3.2-6.226-.016-3.59-2.923-6.684-6.993-6.707m-.006 1.1v.002c3.274.02 5.92 2.532 5.9 5.6-.017 2.706-1.39 4.026-2.863 5.44-1.034.994-2.118 2.033-2.814 3.633-.018.041-.052.055-.075.065q-.013.004-.02.01a.34.34 0 0 1-.226.084.34.34 0 0 1-.224-.086l-.092-.077c-.699-1.615-1.768-2.669-2.781-3.67-1.454-1.435-2.797-2.762-2.78-5.478.02-3.067 2.7-5.545 5.975-5.523m-.02 2.826c-1.62-.01-2.944 1.315-2.955 2.96-.01 1.646 1.295 2.988 2.916 2.999h.002c1.621.01 2.943-1.316 2.953-2.961.011-1.646-1.294-2.988-2.916-2.998m-.005 1.1c1.017.006 1.829.83 1.822 1.89s-.83 1.874-1.848 1.867c-1.018-.006-1.829-.83-1.822-1.89s.83-1.874 1.848-1.868m-2.155 11.857 4.14.025c.271.002.49.305.487.676l-.013 1.875c-.003.37-.224.67-.495.668l-4.14-.025c-.27-.002-.487-.306-.485-.676l.012-1.875c.003-.37.224-.67.494-.668' style='color:%23000;font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:%23000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:evenodd;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:%23000;solid-opacity:1;vector-effect:none;fill:%23000;fill-opacity:.4;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto' transform='translate(15.553 2.85)scale(.88807)'/%3E%3Cpath d='M-9.415-.316C-12.69-.338-15.37 2.14-15.39 5.207c-.017 2.716 1.326 4.041 2.78 5.477 1.013 1 2.081 2.055 2.78 3.67l.092.076a.34.34 0 0 0 .225.086.34.34 0 0 0 .227-.083l.019-.01c.022-.009.057-.024.074-.064.697-1.6 1.78-2.64 2.814-3.634 1.473-1.414 2.847-2.733 2.864-5.44.02-3.067-2.627-5.58-5.901-5.601m-.057 8.784c1.621.011 2.944-1.315 2.955-2.96.01-1.646-1.295-2.988-2.916-2.999-1.622-.01-2.945 1.315-2.955 2.96s1.295 2.989 2.916 3' style='clip-rule:evenodd;fill:%23e1e3e9;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:.4' transform='translate(15.553 2.85)scale(.88807)'/%3E%3Cpath d='M-11.594 15.465c-.27-.002-.492.297-.494.668l-.012 1.876c-.003.371.214.673.485.675l4.14.027c.271.002.492-.298.495-.668l.012-1.877c.003-.37-.215-.672-.485-.674z' style='clip-rule:evenodd;fill:%23fff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:.4' transform='translate(15.553 2.85)scale(.88807)'/%3E%3C/g%3E%3C/svg%3E"); - background-repeat: no-repeat; - cursor: pointer; - display: block; - height: 23px; - margin: 0 0 -4px -4px; - overflow: hidden; - width: 88px; -} -a.maplibregl-ctrl-logo.maplibregl-compact { - width: 14px; -} -@media (forced-colors: active) { - a.maplibregl-ctrl-logo { - background-color: transparent; - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='23' fill='none'%3E%3Cpath fill='%23000' fill-opacity='.4' fill-rule='evenodd' d='M17.408 16.796h-1.827l2.501-12.095h.198l3.324 6.533.988 2.19.988-2.19 3.258-6.533h.181l2.6 12.095h-1.81l-1.218-5.644-.362-1.71-.658 1.71-2.929 5.644h-.098l-2.914-5.644-.757-1.71-.345 1.71zm1.958-3.42-.726 3.663a1.255 1.255 0 0 1-1.232 1.011h-1.827a1.255 1.255 0 0 1-1.229-1.509l2.501-12.095a1.255 1.255 0 0 1 1.23-1.001h.197a1.25 1.25 0 0 1 1.12.685l3.19 6.273 3.125-6.263a1.25 1.25 0 0 1 1.123-.695h.181a1.255 1.255 0 0 1 1.227.991l1.443 6.71a5 5 0 0 1 .314-.787l.009-.016a4.6 4.6 0 0 1 1.777-1.887c.782-.46 1.668-.667 2.611-.667a4.6 4.6 0 0 1 1.7.32l.306.134c.21-.16.474-.256.759-.256h1.694a1.255 1.255 0 0 1 1.212.925 1.255 1.255 0 0 1 1.212-.925h1.711c.284 0 .545.094.755.252.613-.3 1.312-.45 2.075-.45 1.356 0 2.557.445 3.482 1.4q.47.48.763 1.064V4.701a1.255 1.255 0 0 1 1.255-1.255h1.86A1.255 1.255 0 0 1 54.44 4.7v9.194h2.217c.19 0 .37.043.532.118v-4.77c0-.356.147-.678.385-.906a2.42 2.42 0 0 1-.682-1.71c0-.665.267-1.253.735-1.7a2.45 2.45 0 0 1 1.722-.674 2.43 2.43 0 0 1 1.705.675q.318.302.504.683V4.7a1.255 1.255 0 0 1 1.255-1.255h1.744A1.255 1.255 0 0 1 65.812 4.7v3.335a4.8 4.8 0 0 1 1.526-.246c.938 0 1.817.214 2.59.69a4.47 4.47 0 0 1 1.67 1.743v-.98a1.255 1.255 0 0 1 1.256-1.256h1.777c.233 0 .451.064.639.174a3.4 3.4 0 0 1 1.567-.372c.346 0 .861.02 1.285.232a1.25 1.25 0 0 1 .689 1.004 4.7 4.7 0 0 1 .853-.588c.795-.44 1.675-.647 2.61-.647 1.385 0 2.65.39 3.525 1.396.836.938 1.168 2.173 1.168 3.528q-.001.515-.056 1.051a1.255 1.255 0 0 1-.947 1.09l.408.952a1.255 1.255 0 0 1-.477 1.552c-.418.268-.92.463-1.458.612-.613.171-1.304.244-2.049.244-1.06 0-2.043-.207-2.886-.698l-.015-.008c-.798-.48-1.419-1.135-1.818-1.963l-.004-.008a5.8 5.8 0 0 1-.548-2.512q0-.429.053-.843a1.3 1.3 0 0 1-.333-.086l-.166-.004c-.223 0-.426.062-.643.228-.03.024-.142.139-.142.59v3.883a1.255 1.255 0 0 1-1.256 1.256h-1.777a1.255 1.255 0 0 1-1.256-1.256V15.69l-.032.057a4.8 4.8 0 0 1-1.86 1.833 5.04 5.04 0 0 1-2.484.634 4.5 4.5 0 0 1-1.935-.424 1.25 1.25 0 0 1-.764.258h-1.71a1.255 1.255 0 0 1-1.256-1.255V7.687a2.4 2.4 0 0 1-.428.625c.253.23.412.561.412.93v7.553a1.255 1.255 0 0 1-1.256 1.255h-1.843a1.25 1.25 0 0 1-.894-.373c-.228.23-.544.373-.894.373H51.32a1.255 1.255 0 0 1-1.256-1.255v-1.251l-.061.117a4.7 4.7 0 0 1-1.782 1.884 4.77 4.77 0 0 1-2.485.67 5.6 5.6 0 0 1-1.485-.188l.009 2.764a1.255 1.255 0 0 1-1.255 1.259h-1.729a1.255 1.255 0 0 1-1.255-1.255v-3.537a1.255 1.255 0 0 1-1.167.793h-1.679a1.25 1.25 0 0 1-.77-.263 4.5 4.5 0 0 1-1.945.429c-.885 0-1.724-.21-2.495-.632l-.017-.01a5 5 0 0 1-1.081-.836 1.255 1.255 0 0 1-1.254 1.312h-1.81a1.255 1.255 0 0 1-1.228-.99l-.782-3.625-2.044 3.939a1.25 1.25 0 0 1-1.115.676h-.098a1.25 1.25 0 0 1-1.116-.68l-2.061-3.994zM35.92 16.63l.207-.114.223-.15q.493-.356.735-.785l.061-.118.033 1.332h1.678V9.242h-1.694l-.033 1.267q-.133-.329-.526-.658l-.032-.028a3.2 3.2 0 0 0-.668-.428l-.27-.12a3.3 3.3 0 0 0-1.235-.23q-1.136-.001-1.974.493a3.36 3.36 0 0 0-1.3 1.382q-.445.89-.444 2.074 0 1.2.51 2.107a3.8 3.8 0 0 0 1.382 1.381 3.9 3.9 0 0 0 1.893.477q.795 0 1.455-.33zm-2.789-5.38q-.576.675-.575 1.762 0 1.102.559 1.794.576.675 1.645.675a2.25 2.25 0 0 0 .934-.19 2.2 2.2 0 0 0 .468-.29l.178-.161a2.2 2.2 0 0 0 .397-.561q.244-.5.244-1.15v-.115q0-.708-.296-1.267l-.043-.077a2.2 2.2 0 0 0-.633-.709l-.13-.086-.047-.028a2.1 2.1 0 0 0-1.073-.285q-1.052 0-1.629.692zm2.316 2.706c.163-.17.28-.407.28-.83v-.114c0-.292-.06-.508-.15-.68a.96.96 0 0 0-.353-.389.85.85 0 0 0-.464-.127c-.4 0-.56.114-.664.239l-.01.012c-.148.174-.275.45-.275.945 0 .506.122.801.27.99.097.11.266.224.68.224.303 0 .504-.09.687-.269zm7.545 1.705a2.6 2.6 0 0 0 .331.423q.319.33.755.548l.173.074q.65.255 1.49.255 1.02 0 1.844-.493a3.45 3.45 0 0 0 1.316-1.4q.493-.904.493-2.089 0-1.909-.988-2.913-.988-1.02-2.584-1.02-.898 0-1.575.347a3 3 0 0 0-.415.262l-.199.166a3.4 3.4 0 0 0-.64.82V9.242h-1.712v11.553h1.729l-.017-5.134zm.53-1.138q.206.29.48.5l.155.11.053.034q.51.296 1.119.297 1.07 0 1.645-.675.577-.69.576-1.762 0-1.119-.576-1.777-.558-.675-1.645-.675-.435 0-.835.16a2 2 0 0 0-.284.136 2 2 0 0 0-.363.254 2.2 2.2 0 0 0-.46.569l-.082.162a2.6 2.6 0 0 0-.213 1.072v.115q0 .707.296 1.267l.135.211zm.964-.818a1.1 1.1 0 0 0 .367.385.94.94 0 0 0 .476.118c.423 0 .59-.117.687-.23.159-.194.28-.478.28-.95 0-.53-.133-.8-.266-.952l-.021-.025c-.078-.094-.231-.221-.68-.221a1 1 0 0 0-.503.135l-.012.007a.86.86 0 0 0-.335.343c-.073.133-.132.324-.132.614v.115a1.4 1.4 0 0 0 .14.66zm15.7-6.222q.347-.346.346-.856a1.05 1.05 0 0 0-.345-.79 1.18 1.18 0 0 0-.84-.329q-.51 0-.855.33a1.05 1.05 0 0 0-.346.79q0 .51.346.855.345.346.856.346.51 0 .839-.346zm4.337 9.314.033-1.332q.191.403.59.747l.098.081a4 4 0 0 0 .316.224l.223.122a3.2 3.2 0 0 0 1.44.322 3.8 3.8 0 0 0 1.875-.477 3.5 3.5 0 0 0 1.382-1.366q.527-.89.526-2.09 0-1.184-.444-2.073a3.24 3.24 0 0 0-1.283-1.399q-.823-.51-1.942-.51a3.5 3.5 0 0 0-1.527.344l-.086.043-.165.09a3 3 0 0 0-.33.214q-.432.315-.656.707a2 2 0 0 0-.099.198l.082-1.283V4.701h-1.744v12.095zm.473-2.509a2.5 2.5 0 0 0 .566.7q.117.098.245.18l.144.08a2.1 2.1 0 0 0 .975.232q1.07 0 1.645-.675.576-.69.576-1.778 0-1.102-.576-1.777-.56-.691-1.645-.692a2.2 2.2 0 0 0-1.015.235q-.22.113-.415.282l-.15.142a2.1 2.1 0 0 0-.42.594q-.223.479-.223 1.1v.115q0 .705.293 1.26zm2.616-.293c.157-.191.28-.479.28-.967 0-.51-.13-.79-.276-.961l-.021-.026c-.082-.1-.232-.225-.67-.225a.87.87 0 0 0-.681.279l-.012.011c-.154.155-.274.38-.274.807v.115c0 .285.057.499.144.669a1.1 1.1 0 0 0 .367.405c.137.082.28.123.455.123.423 0 .59-.118.686-.23zm8.266-3.013q.345-.13.724-.14l.069-.002q.493 0 .642.099l.247-1.794q-.196-.099-.717-.099a2.3 2.3 0 0 0-.545.063 2 2 0 0 0-.411.148 2.2 2.2 0 0 0-.4.249 2.5 2.5 0 0 0-.485.499 2.7 2.7 0 0 0-.32.581l-.05.137v-1.48h-1.778v7.553h1.777v-3.884q0-.546.159-.943a1.5 1.5 0 0 1 .466-.636 2.5 2.5 0 0 1 .399-.253 2 2 0 0 1 .224-.099zm9.784 2.656.05-.922q0-1.743-.856-2.698-.838-.97-2.584-.97-1.119-.001-2.007.493a3.46 3.46 0 0 0-1.4 1.382q-.493.906-.493 2.106 0 1.07.428 1.975.428.89 1.332 1.432.906.526 2.255.526.973 0 1.668-.185l.044-.012.135-.04q.613-.184.984-.421l-.542-1.267q-.3.162-.642.274l-.297.087q-.51.131-1.3.131-.954 0-1.497-.444a1.6 1.6 0 0 1-.192-.193q-.366-.44-.512-1.234l-.004-.021zm-5.427-1.256-.003.022h3.752v-.138q-.011-.727-.288-1.118a1 1 0 0 0-.156-.176q-.46-.428-1.316-.428-.986 0-1.494.604-.379.45-.494 1.234zm-27.053 2.77V4.7h-1.86v12.095h5.333V15.15zm7.103-5.908v7.553h-1.843V9.242h1.843z'/%3E%3Cpath fill='%23fff' d='m19.63 11.151-.757-1.71-.345 1.71-1.12 5.644h-1.827L18.083 4.7h.197l3.325 6.533.988 2.19.988-2.19L26.839 4.7h.181l2.6 12.095h-1.81l-1.218-5.644-.362-1.71-.658 1.71-2.93 5.644h-.098l-2.913-5.644zm14.836 5.81q-1.02 0-1.893-.478a3.8 3.8 0 0 1-1.381-1.382q-.51-.906-.51-2.106 0-1.185.444-2.074a3.36 3.36 0 0 1 1.3-1.382q.839-.494 1.974-.494a3.3 3.3 0 0 1 1.234.231 3.3 3.3 0 0 1 .97.575q.396.33.527.659l.033-1.267h1.694v7.553H37.18l-.033-1.332q-.279.593-1.02 1.053a3.17 3.17 0 0 1-1.662.444zm.296-1.482q.938 0 1.58-.642.642-.66.642-1.711v-.115q0-.708-.296-1.267a2.2 2.2 0 0 0-.807-.872 2.1 2.1 0 0 0-1.119-.313q-1.053 0-1.629.692-.575.675-.575 1.76 0 1.103.559 1.795.577.675 1.645.675zm6.521-6.237h1.711v1.4q.906-1.597 2.83-1.597 1.596 0 2.584 1.02.988 1.005.988 2.914 0 1.185-.493 2.09a3.46 3.46 0 0 1-1.316 1.399 3.5 3.5 0 0 1-1.844.493q-.954 0-1.662-.329a2.67 2.67 0 0 1-1.086-.97l.017 5.134h-1.728zm4.048 6.22q1.07 0 1.645-.674.577-.69.576-1.762 0-1.119-.576-1.777-.558-.675-1.645-.675-.592 0-1.12.296-.51.28-.822.823-.296.527-.296 1.234v.115q0 .708.296 1.267.313.543.823.855.51.296 1.119.297z'/%3E%3Cpath fill='%23e1e3e9' d='M51.325 4.7h1.86v10.45h3.473v1.646h-5.333zm7.12 4.542h1.843v7.553h-1.843zm.905-1.415a1.16 1.16 0 0 1-.856-.346 1.17 1.17 0 0 1-.346-.856 1.05 1.05 0 0 1 .346-.79q.346-.329.856-.329.494 0 .839.33a1.05 1.05 0 0 1 .345.79 1.16 1.16 0 0 1-.345.855q-.33.346-.84.346zm7.875 9.133a3.17 3.17 0 0 1-1.662-.444q-.723-.46-1.004-1.053l-.033 1.332h-1.71V4.701h1.743v4.657l-.082 1.283q.279-.658 1.086-1.119a3.5 3.5 0 0 1 1.778-.477q1.119 0 1.942.51a3.24 3.24 0 0 1 1.283 1.4q.445.888.444 2.072 0 1.201-.526 2.09a3.5 3.5 0 0 1-1.382 1.366 3.8 3.8 0 0 1-1.876.477zm-.296-1.481q1.069 0 1.645-.675.577-.69.577-1.778 0-1.102-.577-1.776-.56-.691-1.645-.692a2.12 2.12 0 0 0-1.58.659q-.642.641-.642 1.694v.115q0 .71.296 1.267a2.4 2.4 0 0 0 .807.872 2.1 2.1 0 0 0 1.119.313zm5.927-6.237h1.777v1.481q.263-.757.856-1.217a2.14 2.14 0 0 1 1.349-.46q.527 0 .724.098l-.247 1.794q-.149-.099-.642-.099-.774 0-1.416.494-.626.493-.626 1.58v3.883h-1.777V9.242zm9.534 7.718q-1.35 0-2.255-.526-.904-.543-1.332-1.432a4.6 4.6 0 0 1-.428-1.975q0-1.2.493-2.106a3.46 3.46 0 0 1 1.4-1.382q.889-.495 2.007-.494 1.744 0 2.584.97.855.956.856 2.7 0 .444-.05.92h-5.43q.18 1.005.708 1.45.542.443 1.497.443.79 0 1.3-.131a4 4 0 0 0 .938-.362l.542 1.267q-.411.263-1.119.46-.708.198-1.711.197zm1.596-4.558q.016-1.02-.444-1.432-.46-.428-1.316-.428-1.728 0-1.991 1.86z'/%3E%3Cpath d='M5.074 15.948a.484.657 0 0 0-.486.659v1.84a.484.657 0 0 0 .486.659h4.101a.484.657 0 0 0 .486-.659v-1.84a.484.657 0 0 0-.486-.659zm3.56 1.16H5.617v.838h3.017z' style='fill:%23fff;fill-rule:evenodd;stroke-width:1.03600001'/%3E%3Cg style='stroke-width:1.12603545'%3E%3Cpath d='M-9.408-1.416c-3.833-.025-7.056 2.912-7.08 6.615-.02 3.08 1.653 4.832 3.107 6.268.903.892 1.721 1.74 2.32 2.902l-.525-.004c-.543-.003-.992.304-1.24.639a1.87 1.87 0 0 0-.362 1.121l-.011 1.877c-.003.402.104.787.347 1.125.244.338.688.653 1.23.656l4.142.028c.542.003.99-.306 1.238-.641a1.87 1.87 0 0 0 .363-1.121l.012-1.875a1.87 1.87 0 0 0-.348-1.127c-.243-.338-.688-.653-1.23-.656l-.518-.004c.597-1.145 1.425-1.983 2.348-2.87 1.473-1.414 3.18-3.149 3.2-6.226-.016-3.59-2.923-6.684-6.993-6.707m-.006 1.1v.002c3.274.02 5.92 2.532 5.9 5.6-.017 2.706-1.39 4.026-2.863 5.44-1.034.994-2.118 2.033-2.814 3.633-.018.041-.052.055-.075.065q-.013.004-.02.01a.34.34 0 0 1-.226.084.34.34 0 0 1-.224-.086l-.092-.077c-.699-1.615-1.768-2.669-2.781-3.67-1.454-1.435-2.797-2.762-2.78-5.478.02-3.067 2.7-5.545 5.975-5.523m-.02 2.826c-1.62-.01-2.944 1.315-2.955 2.96-.01 1.646 1.295 2.988 2.916 2.999h.002c1.621.01 2.943-1.316 2.953-2.961.011-1.646-1.294-2.988-2.916-2.998m-.005 1.1c1.017.006 1.829.83 1.822 1.89s-.83 1.874-1.848 1.867c-1.018-.006-1.829-.83-1.822-1.89s.83-1.874 1.848-1.868m-2.155 11.857 4.14.025c.271.002.49.305.487.676l-.013 1.875c-.003.37-.224.67-.495.668l-4.14-.025c-.27-.002-.487-.306-.485-.676l.012-1.875c.003-.37.224-.67.494-.668' style='color:%23000;font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:%23000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:evenodd;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:%23000;solid-opacity:1;vector-effect:none;fill:%23000;fill-opacity:.4;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto' transform='translate(15.553 2.85)scale(.88807)'/%3E%3Cpath d='M-9.415-.316C-12.69-.338-15.37 2.14-15.39 5.207c-.017 2.716 1.326 4.041 2.78 5.477 1.013 1 2.081 2.055 2.78 3.67l.092.076a.34.34 0 0 0 .225.086.34.34 0 0 0 .227-.083l.019-.01c.022-.009.057-.024.074-.064.697-1.6 1.78-2.64 2.814-3.634 1.473-1.414 2.847-2.733 2.864-5.44.02-3.067-2.627-5.58-5.901-5.601m-.057 8.784c1.621.011 2.944-1.315 2.955-2.96.01-1.646-1.295-2.988-2.916-2.999-1.622-.01-2.945 1.315-2.955 2.96s1.295 2.989 2.916 3' style='clip-rule:evenodd;fill:%23e1e3e9;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:.4' transform='translate(15.553 2.85)scale(.88807)'/%3E%3Cpath d='M-11.594 15.465c-.27-.002-.492.297-.494.668l-.012 1.876c-.003.371.214.673.485.675l4.14.027c.271.002.492-.298.495-.668l.012-1.877c.003-.37-.215-.672-.485-.674z' style='clip-rule:evenodd;fill:%23fff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:.4' transform='translate(15.553 2.85)scale(.88807)'/%3E%3C/g%3E%3C/svg%3E"); - } -} -@media (forced-colors: active) and (prefers-color-scheme: light) { - a.maplibregl-ctrl-logo { - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='23' fill='none'%3E%3Cpath fill='%23000' fill-opacity='.4' fill-rule='evenodd' d='M17.408 16.796h-1.827l2.501-12.095h.198l3.324 6.533.988 2.19.988-2.19 3.258-6.533h.181l2.6 12.095h-1.81l-1.218-5.644-.362-1.71-.658 1.71-2.929 5.644h-.098l-2.914-5.644-.757-1.71-.345 1.71zm1.958-3.42-.726 3.663a1.255 1.255 0 0 1-1.232 1.011h-1.827a1.255 1.255 0 0 1-1.229-1.509l2.501-12.095a1.255 1.255 0 0 1 1.23-1.001h.197a1.25 1.25 0 0 1 1.12.685l3.19 6.273 3.125-6.263a1.25 1.25 0 0 1 1.123-.695h.181a1.255 1.255 0 0 1 1.227.991l1.443 6.71a5 5 0 0 1 .314-.787l.009-.016a4.6 4.6 0 0 1 1.777-1.887c.782-.46 1.668-.667 2.611-.667a4.6 4.6 0 0 1 1.7.32l.306.134c.21-.16.474-.256.759-.256h1.694a1.255 1.255 0 0 1 1.212.925 1.255 1.255 0 0 1 1.212-.925h1.711c.284 0 .545.094.755.252.613-.3 1.312-.45 2.075-.45 1.356 0 2.557.445 3.482 1.4q.47.48.763 1.064V4.701a1.255 1.255 0 0 1 1.255-1.255h1.86A1.255 1.255 0 0 1 54.44 4.7v9.194h2.217c.19 0 .37.043.532.118v-4.77c0-.356.147-.678.385-.906a2.42 2.42 0 0 1-.682-1.71c0-.665.267-1.253.735-1.7a2.45 2.45 0 0 1 1.722-.674 2.43 2.43 0 0 1 1.705.675q.318.302.504.683V4.7a1.255 1.255 0 0 1 1.255-1.255h1.744A1.255 1.255 0 0 1 65.812 4.7v3.335a4.8 4.8 0 0 1 1.526-.246c.938 0 1.817.214 2.59.69a4.47 4.47 0 0 1 1.67 1.743v-.98a1.255 1.255 0 0 1 1.256-1.256h1.777c.233 0 .451.064.639.174a3.4 3.4 0 0 1 1.567-.372c.346 0 .861.02 1.285.232a1.25 1.25 0 0 1 .689 1.004 4.7 4.7 0 0 1 .853-.588c.795-.44 1.675-.647 2.61-.647 1.385 0 2.65.39 3.525 1.396.836.938 1.168 2.173 1.168 3.528q-.001.515-.056 1.051a1.255 1.255 0 0 1-.947 1.09l.408.952a1.255 1.255 0 0 1-.477 1.552c-.418.268-.92.463-1.458.612-.613.171-1.304.244-2.049.244-1.06 0-2.043-.207-2.886-.698l-.015-.008c-.798-.48-1.419-1.135-1.818-1.963l-.004-.008a5.8 5.8 0 0 1-.548-2.512q0-.429.053-.843a1.3 1.3 0 0 1-.333-.086l-.166-.004c-.223 0-.426.062-.643.228-.03.024-.142.139-.142.59v3.883a1.255 1.255 0 0 1-1.256 1.256h-1.777a1.255 1.255 0 0 1-1.256-1.256V15.69l-.032.057a4.8 4.8 0 0 1-1.86 1.833 5.04 5.04 0 0 1-2.484.634 4.5 4.5 0 0 1-1.935-.424 1.25 1.25 0 0 1-.764.258h-1.71a1.255 1.255 0 0 1-1.256-1.255V7.687a2.4 2.4 0 0 1-.428.625c.253.23.412.561.412.93v7.553a1.255 1.255 0 0 1-1.256 1.255h-1.843a1.25 1.25 0 0 1-.894-.373c-.228.23-.544.373-.894.373H51.32a1.255 1.255 0 0 1-1.256-1.255v-1.251l-.061.117a4.7 4.7 0 0 1-1.782 1.884 4.77 4.77 0 0 1-2.485.67 5.6 5.6 0 0 1-1.485-.188l.009 2.764a1.255 1.255 0 0 1-1.255 1.259h-1.729a1.255 1.255 0 0 1-1.255-1.255v-3.537a1.255 1.255 0 0 1-1.167.793h-1.679a1.25 1.25 0 0 1-.77-.263 4.5 4.5 0 0 1-1.945.429c-.885 0-1.724-.21-2.495-.632l-.017-.01a5 5 0 0 1-1.081-.836 1.255 1.255 0 0 1-1.254 1.312h-1.81a1.255 1.255 0 0 1-1.228-.99l-.782-3.625-2.044 3.939a1.25 1.25 0 0 1-1.115.676h-.098a1.25 1.25 0 0 1-1.116-.68l-2.061-3.994zM35.92 16.63l.207-.114.223-.15q.493-.356.735-.785l.061-.118.033 1.332h1.678V9.242h-1.694l-.033 1.267q-.133-.329-.526-.658l-.032-.028a3.2 3.2 0 0 0-.668-.428l-.27-.12a3.3 3.3 0 0 0-1.235-.23q-1.136-.001-1.974.493a3.36 3.36 0 0 0-1.3 1.382q-.445.89-.444 2.074 0 1.2.51 2.107a3.8 3.8 0 0 0 1.382 1.381 3.9 3.9 0 0 0 1.893.477q.795 0 1.455-.33zm-2.789-5.38q-.576.675-.575 1.762 0 1.102.559 1.794.576.675 1.645.675a2.25 2.25 0 0 0 .934-.19 2.2 2.2 0 0 0 .468-.29l.178-.161a2.2 2.2 0 0 0 .397-.561q.244-.5.244-1.15v-.115q0-.708-.296-1.267l-.043-.077a2.2 2.2 0 0 0-.633-.709l-.13-.086-.047-.028a2.1 2.1 0 0 0-1.073-.285q-1.052 0-1.629.692zm2.316 2.706c.163-.17.28-.407.28-.83v-.114c0-.292-.06-.508-.15-.68a.96.96 0 0 0-.353-.389.85.85 0 0 0-.464-.127c-.4 0-.56.114-.664.239l-.01.012c-.148.174-.275.45-.275.945 0 .506.122.801.27.99.097.11.266.224.68.224.303 0 .504-.09.687-.269zm7.545 1.705a2.6 2.6 0 0 0 .331.423q.319.33.755.548l.173.074q.65.255 1.49.255 1.02 0 1.844-.493a3.45 3.45 0 0 0 1.316-1.4q.493-.904.493-2.089 0-1.909-.988-2.913-.988-1.02-2.584-1.02-.898 0-1.575.347a3 3 0 0 0-.415.262l-.199.166a3.4 3.4 0 0 0-.64.82V9.242h-1.712v11.553h1.729l-.017-5.134zm.53-1.138q.206.29.48.5l.155.11.053.034q.51.296 1.119.297 1.07 0 1.645-.675.577-.69.576-1.762 0-1.119-.576-1.777-.558-.675-1.645-.675-.435 0-.835.16a2 2 0 0 0-.284.136 2 2 0 0 0-.363.254 2.2 2.2 0 0 0-.46.569l-.082.162a2.6 2.6 0 0 0-.213 1.072v.115q0 .707.296 1.267l.135.211zm.964-.818a1.1 1.1 0 0 0 .367.385.94.94 0 0 0 .476.118c.423 0 .59-.117.687-.23.159-.194.28-.478.28-.95 0-.53-.133-.8-.266-.952l-.021-.025c-.078-.094-.231-.221-.68-.221a1 1 0 0 0-.503.135l-.012.007a.86.86 0 0 0-.335.343c-.073.133-.132.324-.132.614v.115a1.4 1.4 0 0 0 .14.66zm15.7-6.222q.347-.346.346-.856a1.05 1.05 0 0 0-.345-.79 1.18 1.18 0 0 0-.84-.329q-.51 0-.855.33a1.05 1.05 0 0 0-.346.79q0 .51.346.855.345.346.856.346.51 0 .839-.346zm4.337 9.314.033-1.332q.191.403.59.747l.098.081a4 4 0 0 0 .316.224l.223.122a3.2 3.2 0 0 0 1.44.322 3.8 3.8 0 0 0 1.875-.477 3.5 3.5 0 0 0 1.382-1.366q.527-.89.526-2.09 0-1.184-.444-2.073a3.24 3.24 0 0 0-1.283-1.399q-.823-.51-1.942-.51a3.5 3.5 0 0 0-1.527.344l-.086.043-.165.09a3 3 0 0 0-.33.214q-.432.315-.656.707a2 2 0 0 0-.099.198l.082-1.283V4.701h-1.744v12.095zm.473-2.509a2.5 2.5 0 0 0 .566.7q.117.098.245.18l.144.08a2.1 2.1 0 0 0 .975.232q1.07 0 1.645-.675.576-.69.576-1.778 0-1.102-.576-1.777-.56-.691-1.645-.692a2.2 2.2 0 0 0-1.015.235q-.22.113-.415.282l-.15.142a2.1 2.1 0 0 0-.42.594q-.223.479-.223 1.1v.115q0 .705.293 1.26zm2.616-.293c.157-.191.28-.479.28-.967 0-.51-.13-.79-.276-.961l-.021-.026c-.082-.1-.232-.225-.67-.225a.87.87 0 0 0-.681.279l-.012.011c-.154.155-.274.38-.274.807v.115c0 .285.057.499.144.669a1.1 1.1 0 0 0 .367.405c.137.082.28.123.455.123.423 0 .59-.118.686-.23zm8.266-3.013q.345-.13.724-.14l.069-.002q.493 0 .642.099l.247-1.794q-.196-.099-.717-.099a2.3 2.3 0 0 0-.545.063 2 2 0 0 0-.411.148 2.2 2.2 0 0 0-.4.249 2.5 2.5 0 0 0-.485.499 2.7 2.7 0 0 0-.32.581l-.05.137v-1.48h-1.778v7.553h1.777v-3.884q0-.546.159-.943a1.5 1.5 0 0 1 .466-.636 2.5 2.5 0 0 1 .399-.253 2 2 0 0 1 .224-.099zm9.784 2.656.05-.922q0-1.743-.856-2.698-.838-.97-2.584-.97-1.119-.001-2.007.493a3.46 3.46 0 0 0-1.4 1.382q-.493.906-.493 2.106 0 1.07.428 1.975.428.89 1.332 1.432.906.526 2.255.526.973 0 1.668-.185l.044-.012.135-.04q.613-.184.984-.421l-.542-1.267q-.3.162-.642.274l-.297.087q-.51.131-1.3.131-.954 0-1.497-.444a1.6 1.6 0 0 1-.192-.193q-.366-.44-.512-1.234l-.004-.021zm-5.427-1.256-.003.022h3.752v-.138q-.011-.727-.288-1.118a1 1 0 0 0-.156-.176q-.46-.428-1.316-.428-.986 0-1.494.604-.379.45-.494 1.234zm-27.053 2.77V4.7h-1.86v12.095h5.333V15.15zm7.103-5.908v7.553h-1.843V9.242h1.843z'/%3E%3Cpath fill='%23fff' d='m19.63 11.151-.757-1.71-.345 1.71-1.12 5.644h-1.827L18.083 4.7h.197l3.325 6.533.988 2.19.988-2.19L26.839 4.7h.181l2.6 12.095h-1.81l-1.218-5.644-.362-1.71-.658 1.71-2.93 5.644h-.098l-2.913-5.644zm14.836 5.81q-1.02 0-1.893-.478a3.8 3.8 0 0 1-1.381-1.382q-.51-.906-.51-2.106 0-1.185.444-2.074a3.36 3.36 0 0 1 1.3-1.382q.839-.494 1.974-.494a3.3 3.3 0 0 1 1.234.231 3.3 3.3 0 0 1 .97.575q.396.33.527.659l.033-1.267h1.694v7.553H37.18l-.033-1.332q-.279.593-1.02 1.053a3.17 3.17 0 0 1-1.662.444zm.296-1.482q.938 0 1.58-.642.642-.66.642-1.711v-.115q0-.708-.296-1.267a2.2 2.2 0 0 0-.807-.872 2.1 2.1 0 0 0-1.119-.313q-1.053 0-1.629.692-.575.675-.575 1.76 0 1.103.559 1.795.577.675 1.645.675zm6.521-6.237h1.711v1.4q.906-1.597 2.83-1.597 1.596 0 2.584 1.02.988 1.005.988 2.914 0 1.185-.493 2.09a3.46 3.46 0 0 1-1.316 1.399 3.5 3.5 0 0 1-1.844.493q-.954 0-1.662-.329a2.67 2.67 0 0 1-1.086-.97l.017 5.134h-1.728zm4.048 6.22q1.07 0 1.645-.674.577-.69.576-1.762 0-1.119-.576-1.777-.558-.675-1.645-.675-.592 0-1.12.296-.51.28-.822.823-.296.527-.296 1.234v.115q0 .708.296 1.267.313.543.823.855.51.296 1.119.297z'/%3E%3Cpath fill='%23e1e3e9' d='M51.325 4.7h1.86v10.45h3.473v1.646h-5.333zm7.12 4.542h1.843v7.553h-1.843zm.905-1.415a1.16 1.16 0 0 1-.856-.346 1.17 1.17 0 0 1-.346-.856 1.05 1.05 0 0 1 .346-.79q.346-.329.856-.329.494 0 .839.33a1.05 1.05 0 0 1 .345.79 1.16 1.16 0 0 1-.345.855q-.33.346-.84.346zm7.875 9.133a3.17 3.17 0 0 1-1.662-.444q-.723-.46-1.004-1.053l-.033 1.332h-1.71V4.701h1.743v4.657l-.082 1.283q.279-.658 1.086-1.119a3.5 3.5 0 0 1 1.778-.477q1.119 0 1.942.51a3.24 3.24 0 0 1 1.283 1.4q.445.888.444 2.072 0 1.201-.526 2.09a3.5 3.5 0 0 1-1.382 1.366 3.8 3.8 0 0 1-1.876.477zm-.296-1.481q1.069 0 1.645-.675.577-.69.577-1.778 0-1.102-.577-1.776-.56-.691-1.645-.692a2.12 2.12 0 0 0-1.58.659q-.642.641-.642 1.694v.115q0 .71.296 1.267a2.4 2.4 0 0 0 .807.872 2.1 2.1 0 0 0 1.119.313zm5.927-6.237h1.777v1.481q.263-.757.856-1.217a2.14 2.14 0 0 1 1.349-.46q.527 0 .724.098l-.247 1.794q-.149-.099-.642-.099-.774 0-1.416.494-.626.493-.626 1.58v3.883h-1.777V9.242zm9.534 7.718q-1.35 0-2.255-.526-.904-.543-1.332-1.432a4.6 4.6 0 0 1-.428-1.975q0-1.2.493-2.106a3.46 3.46 0 0 1 1.4-1.382q.889-.495 2.007-.494 1.744 0 2.584.97.855.956.856 2.7 0 .444-.05.92h-5.43q.18 1.005.708 1.45.542.443 1.497.443.79 0 1.3-.131a4 4 0 0 0 .938-.362l.542 1.267q-.411.263-1.119.46-.708.198-1.711.197zm1.596-4.558q.016-1.02-.444-1.432-.46-.428-1.316-.428-1.728 0-1.991 1.86z'/%3E%3Cpath d='M5.074 15.948a.484.657 0 0 0-.486.659v1.84a.484.657 0 0 0 .486.659h4.101a.484.657 0 0 0 .486-.659v-1.84a.484.657 0 0 0-.486-.659zm3.56 1.16H5.617v.838h3.017z' style='fill:%23fff;fill-rule:evenodd;stroke-width:1.03600001'/%3E%3Cg style='stroke-width:1.12603545'%3E%3Cpath d='M-9.408-1.416c-3.833-.025-7.056 2.912-7.08 6.615-.02 3.08 1.653 4.832 3.107 6.268.903.892 1.721 1.74 2.32 2.902l-.525-.004c-.543-.003-.992.304-1.24.639a1.87 1.87 0 0 0-.362 1.121l-.011 1.877c-.003.402.104.787.347 1.125.244.338.688.653 1.23.656l4.142.028c.542.003.99-.306 1.238-.641a1.87 1.87 0 0 0 .363-1.121l.012-1.875a1.87 1.87 0 0 0-.348-1.127c-.243-.338-.688-.653-1.23-.656l-.518-.004c.597-1.145 1.425-1.983 2.348-2.87 1.473-1.414 3.18-3.149 3.2-6.226-.016-3.59-2.923-6.684-6.993-6.707m-.006 1.1v.002c3.274.02 5.92 2.532 5.9 5.6-.017 2.706-1.39 4.026-2.863 5.44-1.034.994-2.118 2.033-2.814 3.633-.018.041-.052.055-.075.065q-.013.004-.02.01a.34.34 0 0 1-.226.084.34.34 0 0 1-.224-.086l-.092-.077c-.699-1.615-1.768-2.669-2.781-3.67-1.454-1.435-2.797-2.762-2.78-5.478.02-3.067 2.7-5.545 5.975-5.523m-.02 2.826c-1.62-.01-2.944 1.315-2.955 2.96-.01 1.646 1.295 2.988 2.916 2.999h.002c1.621.01 2.943-1.316 2.953-2.961.011-1.646-1.294-2.988-2.916-2.998m-.005 1.1c1.017.006 1.829.83 1.822 1.89s-.83 1.874-1.848 1.867c-1.018-.006-1.829-.83-1.822-1.89s.83-1.874 1.848-1.868m-2.155 11.857 4.14.025c.271.002.49.305.487.676l-.013 1.875c-.003.37-.224.67-.495.668l-4.14-.025c-.27-.002-.487-.306-.485-.676l.012-1.875c.003-.37.224-.67.494-.668' style='color:%23000;font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:%23000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:evenodd;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:%23000;solid-opacity:1;vector-effect:none;fill:%23000;fill-opacity:.4;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto' transform='translate(15.553 2.85)scale(.88807)'/%3E%3Cpath d='M-9.415-.316C-12.69-.338-15.37 2.14-15.39 5.207c-.017 2.716 1.326 4.041 2.78 5.477 1.013 1 2.081 2.055 2.78 3.67l.092.076a.34.34 0 0 0 .225.086.34.34 0 0 0 .227-.083l.019-.01c.022-.009.057-.024.074-.064.697-1.6 1.78-2.64 2.814-3.634 1.473-1.414 2.847-2.733 2.864-5.44.02-3.067-2.627-5.58-5.901-5.601m-.057 8.784c1.621.011 2.944-1.315 2.955-2.96.01-1.646-1.295-2.988-2.916-2.999-1.622-.01-2.945 1.315-2.955 2.96s1.295 2.989 2.916 3' style='clip-rule:evenodd;fill:%23e1e3e9;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:.4' transform='translate(15.553 2.85)scale(.88807)'/%3E%3Cpath d='M-11.594 15.465c-.27-.002-.492.297-.494.668l-.012 1.876c-.003.371.214.673.485.675l4.14.027c.271.002.492-.298.495-.668l.012-1.877c.003-.37-.215-.672-.485-.674z' style='clip-rule:evenodd;fill:%23fff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:2.47727823;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:.4' transform='translate(15.553 2.85)scale(.88807)'/%3E%3C/g%3E%3C/svg%3E"); - } -} -.maplibregl-ctrl.maplibregl-ctrl-attrib { - background-color: hsla(0, 0%, 100%, 0.5); - margin: 0; - padding: 0 5px; -} -@media screen { - .maplibregl-ctrl-attrib.maplibregl-compact { - background-color: #fff; - border-radius: 12px; - box-sizing: content-box; - color: #000; - margin: 10px; - min-height: 20px; - padding: 2px 24px 2px 0; - position: relative; - } - .maplibregl-ctrl-attrib.maplibregl-compact-show { - padding: 2px 28px 2px 8px; - visibility: visible; - } - .maplibregl-ctrl-bottom-left > .maplibregl-ctrl-attrib.maplibregl-compact-show, - .maplibregl-ctrl-top-left > .maplibregl-ctrl-attrib.maplibregl-compact-show { - border-radius: 12px; - padding: 2px 8px 2px 28px; - } - .maplibregl-ctrl-attrib.maplibregl-compact .maplibregl-ctrl-attrib-inner { - display: none; - } - .maplibregl-ctrl-attrib-button { - background-color: hsla(0, 0%, 100%, 0.5); - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill-rule='evenodd' viewBox='0 0 20 20'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E"); - border: 0; - border-radius: 12px; - box-sizing: border-box; - cursor: pointer; - display: none; - height: 24px; - outline: none; - position: absolute; - right: 0; - top: 0; - width: 24px; - } - .maplibregl-ctrl-attrib summary.maplibregl-ctrl-attrib-button { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - list-style: none; - } - .maplibregl-ctrl-attrib summary.maplibregl-ctrl-attrib-button::-webkit-details-marker { - display: none; - } - .maplibregl-ctrl-bottom-left .maplibregl-ctrl-attrib-button, - .maplibregl-ctrl-top-left .maplibregl-ctrl-attrib-button { - left: 0; - } - .maplibregl-ctrl-attrib.maplibregl-compact .maplibregl-ctrl-attrib-button, - .maplibregl-ctrl-attrib.maplibregl-compact-show .maplibregl-ctrl-attrib-inner { - display: block; - } - .maplibregl-ctrl-attrib.maplibregl-compact-show .maplibregl-ctrl-attrib-button { - background-color: rgba(0, 0, 0, 0.05); - } - .maplibregl-ctrl-bottom-right > .maplibregl-ctrl-attrib.maplibregl-compact:after { - bottom: 0; - right: 0; - } - .maplibregl-ctrl-top-right > .maplibregl-ctrl-attrib.maplibregl-compact:after { - right: 0; - top: 0; - } - .maplibregl-ctrl-top-left > .maplibregl-ctrl-attrib.maplibregl-compact:after { - left: 0; - top: 0; - } - .maplibregl-ctrl-bottom-left > .maplibregl-ctrl-attrib.maplibregl-compact:after { - bottom: 0; - left: 0; - } -} -@media screen and (forced-colors: active) { - .maplibregl-ctrl-attrib.maplibregl-compact:after { - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23fff' fill-rule='evenodd' viewBox='0 0 20 20'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E"); - } -} -@media screen and (forced-colors: active) and (prefers-color-scheme: light) { - .maplibregl-ctrl-attrib.maplibregl-compact:after { - background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill-rule='evenodd' viewBox='0 0 20 20'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E"); - } -} -.maplibregl-ctrl-attrib a { - color: rgba(0, 0, 0, 0.75); - text-decoration: none; -} -.maplibregl-ctrl-attrib a:hover { - color: inherit; - text-decoration: underline; -} -.maplibregl-attrib-empty { - display: none; -} -.maplibregl-ctrl-scale { - background-color: hsla(0, 0%, 100%, 0.75); - border: 2px solid #333; - border-top: #333; - box-sizing: border-box; - color: #333; - font-size: 10px; - padding: 0 5px; -} -.maplibregl-popup { - display: flex; - left: 0; - pointer-events: none; - position: absolute; - top: 0; - will-change: transform; -} -.maplibregl-popup-anchor-top, -.maplibregl-popup-anchor-top-left, -.maplibregl-popup-anchor-top-right { - flex-direction: column; -} -.maplibregl-popup-anchor-bottom, -.maplibregl-popup-anchor-bottom-left, -.maplibregl-popup-anchor-bottom-right { - flex-direction: column-reverse; -} -.maplibregl-popup-anchor-left { - flex-direction: row; -} -.maplibregl-popup-anchor-right { - flex-direction: row-reverse; -} -.maplibregl-popup-tip { - border: 10px solid transparent; - height: 0; - width: 0; - z-index: 1; -} -.maplibregl-popup-anchor-top .maplibregl-popup-tip { - align-self: center; - border-bottom-color: #fff; - border-top: none; -} -.maplibregl-popup-anchor-top-left .maplibregl-popup-tip { - align-self: flex-start; - border-bottom-color: #fff; - border-left: none; - border-top: none; -} -.maplibregl-popup-anchor-top-right .maplibregl-popup-tip { - align-self: flex-end; - border-bottom-color: #fff; - border-right: none; - border-top: none; -} -.maplibregl-popup-anchor-bottom .maplibregl-popup-tip { - align-self: center; - border-bottom: none; - border-top-color: #fff; -} -.maplibregl-popup-anchor-bottom-left .maplibregl-popup-tip { - align-self: flex-start; - border-bottom: none; - border-left: none; - border-top-color: #fff; -} -.maplibregl-popup-anchor-bottom-right .maplibregl-popup-tip { - align-self: flex-end; - border-bottom: none; - border-right: none; - border-top-color: #fff; -} -.maplibregl-popup-anchor-left .maplibregl-popup-tip { - align-self: center; - border-left: none; - border-right-color: #fff; -} -.maplibregl-popup-anchor-right .maplibregl-popup-tip { - align-self: center; - border-left-color: #fff; - border-right: none; -} -.maplibregl-popup-close-button { - background-color: transparent; - border: 0; - border-radius: 0 3px 0 0; - cursor: pointer; - position: absolute; - right: 0; - top: 0; -} -.maplibregl-popup-close-button:hover { - background-color: rgba(0, 0, 0, 0.05); -} -.maplibregl-popup-content { - background: #fff; - border-radius: 3px; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); - padding: 15px 10px; - pointer-events: auto; - position: relative; -} -.maplibregl-popup-anchor-top-left .maplibregl-popup-content { - border-top-left-radius: 0; -} -.maplibregl-popup-anchor-top-right .maplibregl-popup-content { - border-top-right-radius: 0; -} -.maplibregl-popup-anchor-bottom-left .maplibregl-popup-content { - border-bottom-left-radius: 0; -} -.maplibregl-popup-anchor-bottom-right .maplibregl-popup-content { - border-bottom-right-radius: 0; -} -.maplibregl-popup-track-pointer { - display: none; -} -.maplibregl-popup-track-pointer * { - pointer-events: none; - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; -} -.maplibregl-map:hover .maplibregl-popup-track-pointer { - display: flex; -} -.maplibregl-map:active .maplibregl-popup-track-pointer { - display: none; -} -.maplibregl-marker { - left: 0; - position: absolute; - top: 0; - transition: opacity 0.2s; - will-change: transform; -} -.maplibregl-user-location-dot, -.maplibregl-user-location-dot:before { - background-color: #1da1f2; - border-radius: 50%; - height: 15px; - width: 15px; -} -.maplibregl-user-location-dot:before { - animation: maplibregl-user-location-dot-pulse 2s infinite; - content: ''; - position: absolute; -} -.maplibregl-user-location-dot:after { - border: 2px solid #fff; - border-radius: 50%; - box-shadow: 0 0 3px rgba(0, 0, 0, 0.35); - box-sizing: border-box; - content: ''; - height: 19px; - left: -2px; - position: absolute; - top: -2px; - width: 19px; -} -@keyframes maplibregl-user-location-dot-pulse { - 0% { - opacity: 1; - transform: scale(1); - } - 70% { - opacity: 0; - transform: scale(3); - } - to { - opacity: 0; - transform: scale(1); - } -} -.maplibregl-user-location-dot-stale { - background-color: #aaa; -} -.maplibregl-user-location-dot-stale:after { - display: none; -} -.maplibregl-user-location-accuracy-circle { - background-color: #1da1f233; - border-radius: 100%; - height: 1px; - width: 1px; -} -.maplibregl-crosshair, -.maplibregl-crosshair .maplibregl-interactive, -.maplibregl-crosshair .maplibregl-interactive:active { - cursor: crosshair; -} -.maplibregl-boxzoom { - background: #fff; - border: 2px dotted #202020; - height: 0; - left: 0; - opacity: 0.5; - position: absolute; - top: 0; - width: 0; -} -.maplibregl-cooperative-gesture-screen { - align-items: center; - background: rgba(0, 0, 0, 0.4); - color: #fff; - display: flex; - font-size: 1.4em; - inset: 0; - justify-content: center; - line-height: 1.2; - opacity: 0; - padding: 1rem; - pointer-events: none; - position: absolute; - transition: opacity 1s ease 1s; - z-index: 99999; -} -.maplibregl-cooperative-gesture-screen.maplibregl-show { - opacity: 1; - transition: opacity 0.05s; -} -.maplibregl-cooperative-gesture-screen .maplibregl-mobile-message { - display: none; -} -@media (hover: none), (pointer: coarse) { - .maplibregl-cooperative-gesture-screen .maplibregl-desktop-message { - display: none; - } - .maplibregl-cooperative-gesture-screen .maplibregl-mobile-message { - display: block; - } -} -.maplibregl-pseudo-fullscreen { - height: 100% !important; - left: 0 !important; - position: fixed !important; - top: 0 !important; - width: 100% !important; - z-index: 99999; -} diff --git a/components/src/maplibre/MapStyle/SWRDataLabDark.mdx b/components/src/maplibre/MapStyle/SWRDataLabDark.mdx new file mode 100644 index 00000000..4103e631 --- /dev/null +++ b/components/src/maplibre/MapStyle/SWRDataLabDark.mdx @@ -0,0 +1,17 @@ +import { + Story, + Meta, + Primary, + Controls, + Stories, + Source, + IconGallery, + IconItem +} from '@storybook/addon-docs/blocks'; + +import * as MapStyleStories from './SWRDataLabDark.stories.svelte'; + + + +# SWR Data Lab Dark + diff --git a/components/src/maplibre/MapStyle/SWRDataLabDark.stories.svelte b/components/src/maplibre/MapStyle/SWRDataLabDark.stories.svelte new file mode 100644 index 00000000..e70a8562 --- /dev/null +++ b/components/src/maplibre/MapStyle/SWRDataLabDark.stories.svelte @@ -0,0 +1,135 @@ + + + + +
+
+ + + + + +
+
+ + + + + +
+
+ + + +
+
+ + + + +
+
+ + + +
+
+ + + + +
+
+ + + +
+
+ + + + +
+
+ + + +
+
+ + + + +
+
+ + + +
+
+ + + + +
+
+ + + +
+
+ + + + +
+
+ + + + +
+
+ + + + diff --git a/components/src/maplibre/MapStyle/SWRDataLabDark.ts b/components/src/maplibre/MapStyle/SWRDataLabDark.ts new file mode 100644 index 00000000..2cf1608e --- /dev/null +++ b/components/src/maplibre/MapStyle/SWRDataLabDark.ts @@ -0,0 +1,142 @@ +import type { StyleSpecification } from 'maplibre-gl'; + +import makeAdmin from './components/Admin'; +import makeBuildings from './components/Buildings'; +import makeLanduse from './components/Landuse'; +import makeTransit from './components/Transit'; +import makePlaceLabels from './components/PlaceLabels'; +import makeWalking from './components/Walking'; +import makeRoads from './components/Roads'; + +const tokens = { + sans_regular: ['SWR Sans Regular'], + sans_medium: ['SWR Sans Medium'], + sans_bold: ['SWR Sans Bold'], + background: { + stops: [ + [8, 'hsl(210, 9%, 13%)'], + [10, '#1e1f22'] + ] + }, + water: 'hsl(210, 12%, 8%)', + water_light: 'hsl(210, 12%, 8%)', + water_ocean: 'hsl(210, 12%, 8%)', + marsh: 'hsl(180, 3%, 35%)', + grass: 'hsl(170, 20%, 14%)', + grass_dark: 'hsl(170, 16%, 12%)', + street_primary: 'hsl(220, 3%, 20%)', + street_primary_case: 'hsl(0, 11%, 7%)', + street_secondary: 'hsl(0, 0%, 22%)', + street_secondary_case: 'hsl(0, 0%, 0%)', + street_tertiary: 'hsl(0, 0%, 20%)', + street_tertiary_case: 'hsl(0, 0%, 14%)', + label_primary: 'hsl(240, 5%, 82%)', + label_secondary: 'hsl(0, 2%, 72%)', + label_tertiary: 'hsl(0, 1%, 55%)', + boundary_country: '#6e6f71', + boundary_country_case: '#181818', + boundary_state: 'hsl(218, 4%, 37%)', + rail: 'hsl(0, 0%, 33%)', + sand: 'hsl(0, 0%, 16%)', + building: '#232325' +}; + +const { landuse } = makeLanduse(tokens); +const { placeLabels, boundaryLabels } = makePlaceLabels(tokens); +const { admin } = makeAdmin(tokens); +const { airports, transitBridges, transitSurface, transitTunnels } = makeTransit(tokens); +const { walkingLabels, walkingTunnels, walkingSurface, walkingBridges } = makeWalking(tokens); +const { roadLabels, roadBridges, roadSurface, roadTunnels } = makeRoads(tokens); +const { buildingFootprints, buildingExtrusions, structureExtrusions } = makeBuildings(tokens); + +interface StyleOptions { + enableBuildingExtrusions?: boolean; +} + +interface styleFunction { + (options?: StyleOptions): StyleSpecification; +} + +const style: styleFunction = (opts) => { + const options = { + enableBuildingExtrusions: false, + ...opts + } as StyleOptions; + + return { + version: 8, + name: 'swr-datalab-dark', + metadata: { license: 'https://creativecommons.org/publicdomain/zero/1.0/' }, + glyphs: 'https://static.datenhub.net/maps/fonts/{fontstack}/{range}.pbf', + sprite: 'https://static.datenhub.net/maps/styles/swr-datalab-light/sprite/sprite', + sources: { + 'versatiles-osm': { + attribution: + 'OpenStreetMap contributors', + tiles: ['https://tiles.versatiles.org/tiles/osm/{z}/{x}/{y}'], + bounds: [-180, -85.0511287798066, 180, 85.0511287798066], + type: 'vector', + scheme: 'xyz', + minzoom: 0, + maxzoom: 14 + }, + ...(options.enableBuildingExtrusions && { + 'basemap-de': { + attribution: 'GeoBasis-DE', + type: 'vector', + bounds: [5.8, 47.2, 15.1, 55.1], + maxzoom: 15, + minzoom: 0, + scheme: 'xyz', + tiles: [ + 'https://sgx.geodatenzentrum.de/gdz_basemapde_vektor/tiles/v2/bm_web_de_3857/{z}/{x}/{y}.pbf' + ] + } + }) + }, + sky: { + 'atmosphere-blend': ['interpolate', ['linear'], ['zoom'], 0, 0.1, 5, 0.1, 7, 0] + }, + light: { anchor: 'viewport', color: 'white', intensity: 0.5 }, + layers: [ + // 1. Landuse + ...landuse, + ...airports, + + // 2. Building footprints + Structures (ie. bridges) + ...(!options.enableBuildingExtrusions ? [buildingFootprints] : []), + ...(options.enableBuildingExtrusions ? [structureExtrusions] : []), + + // 3. Tunnels + ...walkingTunnels, + ...roadTunnels, + ...transitTunnels, + + // 4. Surface ways + ...walkingSurface, + ...roadSurface, + ...transitSurface, + + // 5. Bridges ways + ...walkingBridges, + ...roadBridges, + ...transitBridges, + + // 6. Admin boundaries + ...admin, + + // 7. Labels + ...walkingLabels, + ...roadLabels, + + // 8. Building extrusions + ...(options.enableBuildingExtrusions ? [buildingExtrusions] : []), + + // 8. Point labels + ...placeLabels, + ...boundaryLabels + ] + }; +}; + +export default style; diff --git a/components/src/maplibre/MapStyle/SWRDataLabLight.stories.svelte b/components/src/maplibre/MapStyle/SWRDataLabLight.stories.svelte index cb488554..a1219a93 100644 --- a/components/src/maplibre/MapStyle/SWRDataLabLight.stories.svelte +++ b/components/src/maplibre/MapStyle/SWRDataLabLight.stories.svelte @@ -9,24 +9,16 @@ import GeocoderControl from '../GeocoderControl/GeocoderControl.svelte'; import { SWRDataLabLight } from './index'; - import { tokens } from '../../DesignTokens'; + import locations from './storyLocations'; + const { Story } = defineMeta({ title: 'Maplibre/Style/SWR Data Lab Light', component: Map }); - - const locations = { - germany: { lng: 10.962488768573053, lat: 50.958636214954396, zoom: 5 }, - stugge: { lng: 9.181, lat: 48.772, zoom: 13.5 }, - berlin: { lng: 13.399, lat: 52.5159, zoom: 12.1977 }, - frankfurt: { lng: 8.68834, lat: 50.1082, zoom: 11.7923 }, - badenBaden: { lng: 8.23986, lat: 48.7595, zoom: 14.99, pitch: 0 }, - bodensee: { lng: 9.299862991860664, lat: 47.6693427120762, zoom: 9.098834549261177, pitch: 0 } - }; - +
@@ -38,7 +30,7 @@ - +
- +
- +
- +
- +
@@ -197,7 +189,7 @@ - +
- +
@@ -223,7 +215,7 @@ - +
@@ -234,7 +226,7 @@ - +
- +
- +
@@ -269,19 +252,14 @@ - +
diff --git a/components/src/maplibre/MapStyle/SWRDataLabLight.ts b/components/src/maplibre/MapStyle/SWRDataLabLight.ts index 5e2221c4..32bf71c2 100644 --- a/components/src/maplibre/MapStyle/SWRDataLabLight.ts +++ b/components/src/maplibre/MapStyle/SWRDataLabLight.ts @@ -8,13 +8,46 @@ import makePlaceLabels from './components/PlaceLabels'; import makeWalking from './components/Walking'; import makeRoads from './components/Roads'; -const { buildingFootprints, buildingExtrusions, structureExtrusions } = makeBuildings(); -const { landuse } = makeLanduse(); -const { placeLabels, boundaryLabels } = makePlaceLabels(); -const { admin } = makeAdmin(); -const { airports, transitBridges, transitSurface, transitTunnels } = makeTransit(); -const { walkingLabels, walkingTunnels, walkingSurface, walkingBridges } = makeWalking(); -const { roadLabels, roadBridges, roadSurface, roadTunnels } = makeRoads(); +const tokens = { + sans_regular: ['SWR Sans Regular'], + sans_medium: ['SWR Sans Medium'], + sans_bold: ['SWR Sans Bold'], + background: { + stops: [ + [8, 'hsl(24, 29%, 98.5%)'], + [10, 'white'] + ] + }, + water: 'hsl(210, 71%, 83%)', + water_light: 'hsl(210, 41%, 90%)', + water_ocean: 'hsl(209, 57%, 84%)', + marsh: 'hsl(200, 14%, 97%)', + grass: 'hsl(133, 36%, 95%)', + grass_dark: 'hsl(127, 49%, 93%)', + street_primary: 'hsl(0, 4%, 95%)', + street_primary_case: 'hsl(240, 1%, 84%)', + street_secondary: 'hsl(0, 0%, 95%)', + street_secondary_case: 'hsl(0, 0%, 75%)', + street_tertiary: 'hsl(0, 0%, 95%)', + street_tertiary_case: 'hsl(0, 0%, 70%)', + label_primary: 'hsl(240, 10%, 2%)', + label_secondary: 'hsl(0, 0%, 18%)', + label_tertiary: 'hsl(60, 1%, 50%)', + building: '#f3f2f1', + rail: '#d3d3d3', + sand: 'hsl(60,0%,95%)', + boundary_country: '#8b8a89', + boundary_state: 'hsl(37, 10%, 75%)', + boundary_country_case: 'white' +}; + +const { landuse } = makeLanduse(tokens); +const { placeLabels, boundaryLabels } = makePlaceLabels(tokens); +const { admin } = makeAdmin(tokens); +const { airports, transitBridges, transitSurface, transitTunnels } = makeTransit(tokens); +const { walkingLabels, walkingTunnels, walkingSurface, walkingBridges } = makeWalking(tokens); +const { roadLabels, roadBridges, roadSurface, roadTunnels } = makeRoads(tokens); +const { buildingFootprints, buildingExtrusions, structureExtrusions } = makeBuildings(tokens); interface StyleOptions { enableBuildingExtrusions?: boolean; diff --git a/components/src/maplibre/MapStyle/components/Admin.ts b/components/src/maplibre/MapStyle/components/Admin.ts index 7a6659cb..5e0de2a2 100644 --- a/components/src/maplibre/MapStyle/components/Admin.ts +++ b/components/src/maplibre/MapStyle/components/Admin.ts @@ -1,7 +1,6 @@ -import tokens from '../tokens'; import { type Layer } from '../../types'; -export default function makeAdmin(): any { +export default function makeAdmin(tokens): any { const admin: Layer[] = [ { id: 'boundary-country:case', @@ -13,7 +12,7 @@ export default function makeAdmin(): any { ['!=', 'coastline', true] ], paint: { - 'line-color': '#ffffff', + 'line-color': tokens.boundary_country_case, 'line-blur': 1, 'line-width': { stops: [ @@ -56,7 +55,7 @@ export default function makeAdmin(): any { ['!=', 'coastline', true] ], paint: { - 'line-color': 'white', + 'line-color': tokens.boundary_country_case, 'line-blur': 1, 'line-width': { stops: [ @@ -78,13 +77,7 @@ export default function makeAdmin(): any { ['!=', 'coastline', true] ], paint: { - 'line-color': { - stops: [ - [7, '#a5a5a5'], - [10, '#3f3b39'] - ] - }, - + 'line-color': tokens.boundary_country, 'line-width': { stops: [ [2, 0], @@ -112,7 +105,7 @@ export default function makeAdmin(): any { [10, 4] ] }, - 'line-color': 'hsl(246,0%,77%)', + 'line-color': tokens.boundary_country, 'line-dasharray': [2, 1] } }, @@ -126,7 +119,7 @@ export default function makeAdmin(): any { ['!=', 'coastline', true] ], paint: { - 'line-color': 'hsl(37, 10%, 75%)', + 'line-color': tokens.boundary_state, 'line-width': { stops: [ [7, 1], diff --git a/components/src/maplibre/MapStyle/components/Buildings.ts b/components/src/maplibre/MapStyle/components/Buildings.ts index 74e41443..456e367b 100644 --- a/components/src/maplibre/MapStyle/components/Buildings.ts +++ b/components/src/maplibre/MapStyle/components/Buildings.ts @@ -1,19 +1,18 @@ import { type Layer } from '../../types'; -import tokens from '../tokens'; -const extrusionLayer = { - source: 'basemap-de', - type: 'fill-extrusion', - minzoom: 14, - maxzoom: 20, - paint: { - 'fill-extrusion-color': tokens.building, - 'fill-extrusion-opacity': ['interpolate', ['linear'], ['zoom'], 14.5, 0, 15, 1], - 'fill-extrusion-height': ['interpolate', ['linear'], ['zoom'], 14.5, 0, 15, ['get', 'hoehe']] - } -}; +export default function makeBuildings(tokens): any { + const extrusionLayer = { + source: 'basemap-de', + type: 'fill-extrusion', + minzoom: 14, + maxzoom: 20, + paint: { + 'fill-extrusion-color': tokens.building, + 'fill-extrusion-opacity': ['interpolate', ['linear'], ['zoom'], 14.5, 0, 15, 1], + 'fill-extrusion-height': ['interpolate', ['linear'], ['zoom'], 14.5, 0, 15, ['get', 'hoehe']] + } + }; -export default function makeBuildings(): any { const buildingFootprints: Layer = { id: 'building-footprints', type: 'fill', diff --git a/components/src/maplibre/MapStyle/components/Landuse.ts b/components/src/maplibre/MapStyle/components/Landuse.ts index f09e2747..ae540ea5 100644 --- a/components/src/maplibre/MapStyle/components/Landuse.ts +++ b/components/src/maplibre/MapStyle/components/Landuse.ts @@ -1,18 +1,12 @@ -import tokens from '../tokens'; import { type Layer } from '../../types'; -export default function makeLanduse(): any { +export default function makeLanduse(tokens): any { const landuse: Layer[] = [ { id: 'background', type: 'background', paint: { - 'background-color': { - stops: [ - [8, tokens.background], - [10, 'white'] - ] - } + 'background-color': tokens.background } }, { @@ -23,15 +17,6 @@ export default function makeLanduse(): any { 'fill-color': tokens.water_ocean } }, - { - id: 'land-glacier', - type: 'fill', - 'source-layer': 'water_polygons', - filter: ['all', ['==', 'kind', 'glacier']], - paint: { - 'fill-color': 'hsl(0,0%,100%)' - } - }, { id: 'land-agriculture', type: 'fill', @@ -67,7 +52,7 @@ export default function makeLanduse(): any { 'source-layer': 'land', filter: ['all', ['in', 'kind', 'landfill']], paint: { - 'fill-color': 'hsl(50,0%,95%)', + 'fill-color': tokens.sand, 'fill-opacity': { stops: [ [10, 0], @@ -165,9 +150,9 @@ export default function makeLanduse(): any { id: 'land-sand', type: 'fill', 'source-layer': 'land', - filter: ['all', ['in', 'kind', 'beach', 'sand']], + filter: ['all', ['in', 'kind', 'beach', 'sand', 'scree']], paint: { - 'fill-color': 'hsl(60,0%,95%)' + 'fill-color': tokens.sand } }, { diff --git a/components/src/maplibre/MapStyle/components/PlaceLabels.ts b/components/src/maplibre/MapStyle/components/PlaceLabels.ts index bdefeb2e..0f2279f7 100644 --- a/components/src/maplibre/MapStyle/components/PlaceLabels.ts +++ b/components/src/maplibre/MapStyle/components/PlaceLabels.ts @@ -1,4 +1,3 @@ -import tokens from '../tokens'; import type { SymbolLayerSpecification } from 'maplibre-gl'; // Hand-authored list of place labes we want to show at low zoom levels @@ -12,7 +11,7 @@ const majorCities = ['Berlin', 'Stuttgart', 'München', 'Frankfurt', 'Hamburg', // values for "city" and anything below. // See: https://github.com/versatiles-org/shortbread-tilemaker/blob/69e5d4c586a1d2726b746a24829bfb05d4dbeb91/process.lua#L198-L242 -export default function makePlaceLabels() { +export default function makePlaceLabels(tokens) { const placeLabels: SymbolLayerSpecification[] = [ { id: 'label-place-quarter', @@ -195,7 +194,7 @@ export default function makePlaceLabels() { }, paint: { 'text-color': tokens.label_tertiary, - 'text-halo-color': 'white', + 'text-halo-color': tokens.background, 'text-halo-width': 2, 'text-halo-blur': 0.5 } diff --git a/components/src/maplibre/MapStyle/components/Roads.ts b/components/src/maplibre/MapStyle/components/Roads.ts index d4cca83f..ab06c817 100644 --- a/components/src/maplibre/MapStyle/components/Roads.ts +++ b/components/src/maplibre/MapStyle/components/Roads.ts @@ -1,5 +1,4 @@ import { type Layer } from '../../types'; -import tokens from '../tokens'; import type { SymbolLayerSpecification } from 'maplibre-gl'; const street_layout = { @@ -11,186 +10,186 @@ const case_layout = { 'line-cap': 'butt' }; -const motorway = { - line_color: tokens.street_primary, - line_width: { - stops: [ - [6, 1], - [7, 1.5], - [11, 2], - [12, 3], - [13, 5], - [14, 9] - ] - }, - line_opacity: { - stops: [ - [4, 0], - [5, 0.8], - [11, 0.8], - [12, 1] - ] - } -}; - -const motorway_case = { - line_color: tokens.street_primary_case, - line_width: { - stops: [ - [10, 0], - [11, 2], - [12, 5], - [13, 7], - [14, 11] - ] - } -}; - -const motorway_link = { - paint: { - 'line-color': tokens.street_primary, - 'line-width': motorway.line_width, - 'line-opacity': { +export default function makeRoads(tokens) { + const motorway = { + line_color: tokens.street_primary, + line_width: { stops: [ - [6, 0], - [7, 1] + [6, 1], + [7, 1.5], + [11, 2], + [12, 3], + [13, 5], + [14, 9] + ] + }, + line_opacity: { + stops: [ + [4, 0], + [5, 0.8], + [11, 0.8], + [12, 1] ] } - }, - layout: street_layout -}; - -const motorway_link_case = { - paint: { - 'line-color': tokens.street_primary_case, - 'line-width': motorway_case.line_width - }, - layout: case_layout -}; + }; -const street_primary = { - paint: { - 'line-color': tokens.street_primary, - 'line-width': motorway.line_width, - 'line-opacity': { + const motorway_case = { + line_color: tokens.street_primary_case, + line_width: { stops: [ - [8, 0], - [9, 1] + [10, 0], + [11, 2], + [12, 5], + [13, 7], + [14, 11] ] } - }, - layout: street_layout -}; + }; + + const motorway_link = { + paint: { + 'line-color': tokens.street_primary, + 'line-width': motorway.line_width, + 'line-opacity': { + stops: [ + [6, 0], + [7, 1] + ] + } + }, + layout: street_layout + }; + + const motorway_link_case = { + paint: { + 'line-color': tokens.street_primary_case, + 'line-width': motorway_case.line_width + }, + layout: case_layout + }; -const street_primary_case = { - paint: { - 'line-color': tokens.street_primary_case, - 'line-width': motorway_case.line_width, - 'line-opacity': { + const street_primary = { + paint: { + 'line-color': tokens.street_primary, + 'line-width': motorway.line_width, + 'line-opacity': { + stops: [ + [8, 0], + [9, 1] + ] + } + }, + layout: street_layout + }; + + const street_primary_case = { + paint: { + 'line-color': tokens.street_primary_case, + 'line-width': motorway_case.line_width, + 'line-opacity': { + stops: [ + [8, 0], + [9, 1] + ] + } + }, + layout: case_layout + }; + + const street_secondary = { + line_color: tokens.street_secondary, + line_width: { stops: [ - [8, 0], - [9, 1] + [12, 1], + [14, 2], + [16, 8], + [18, 28], + [19, 64], + [20, 130] ] } - }, - layout: case_layout -}; + }; + const street_secondary_case = { + paint: { + 'line-color': tokens.street_secondary_case, + 'line-width': { + stops: [ + [12, 0], + [14, 3], + [16, 11], + [18, 30], + [19, 66], + [20, 40] + ] + }, + 'line-opacity': { + stops: [ + [11, 0], + [12, 1] + ] + } + }, + layout: case_layout + }; + const street_tertiary_case = { + paint: { + 'line-color': tokens.street_tertiary_case, + 'line-width': { + stops: [ + [12, 2], + [14, 3], + [16, 6], + [18, 26], + [19, 64], + [20, 128] + ] + }, + 'line-opacity': { + stops: [ + [12, 0], + [13, 1] + ] + } + }, + layout: case_layout + }; -const street_secondary = { - line_color: tokens.street_secondary, - line_width: { - stops: [ - [12, 1], - [14, 2], - [16, 8], - [18, 28], - [19, 64], - [20, 130] - ] - } -}; -const street_secondary_case = { - paint: { - 'line-color': tokens.street_secondary_case, - 'line-width': { + const street_residential = { + line_color: tokens.street_tertiary, + line_width: { stops: [ - [12, 0], - [14, 3], - [16, 11], - [18, 30], - [19, 66], - [20, 40] + [13, 1], + [14, 2], + [16, 5], + [18, 24], + [19, 60], + [20, 120] ] }, - 'line-opacity': { + line_opacity: { stops: [ - [11, 0], - [12, 1] + [12, 0], + [13, 1] ] } - }, - layout: case_layout -}; -const street_tertiary_case = { - paint: { - 'line-color': tokens.street_tertiary_case, - 'line-width': { + }; + + const street_residential_case = { + line_color: tokens.street_tertiary_case, + line_width: { stops: [ - [12, 2], - [14, 3], - [16, 6], - [18, 26], - [19, 64], - [20, 128] + [14, 0], + [15, 4] ] }, - 'line-opacity': { + line_opacity: { stops: [ [12, 0], [13, 1] ] } - }, - layout: case_layout -}; - -const street_residential = { - line_color: tokens.street_tertiary, - line_width: { - stops: [ - [13, 1], - [14, 2], - [16, 5], - [18, 24], - [19, 60], - [20, 120] - ] - }, - line_opacity: { - stops: [ - [12, 0], - [13, 1] - ] - } -}; - -const street_residential_case = { - line_color: tokens.street_tertiary_case, - line_width: { - stops: [ - [14, 0], - [15, 4] - ] - }, - line_opacity: { - stops: [ - [12, 0], - [13, 1] - ] - } -}; + }; -export default function makeRoads() { const roadLabels: SymbolLayerSpecification[] = [ { id: 'label-street-misc', @@ -298,7 +297,7 @@ export default function makeRoads() { ['!=', 'service', 'driveway'] ], paint: { - 'line-color': 'rgb(217,217,217)', + 'line-color': tokens.street_tertiary_case, 'line-width': { stops: [ [14, 2], @@ -321,23 +320,9 @@ export default function makeRoads() { id: 'bridge-street-livingstreet:case', filter: ['all', ['==', 'kind', 'living_street'], ['==', 'bridge', true]], paint: { - 'line-color': 'rgb(217,217,217)', - 'line-width': { - stops: [ - [12, 2], - [14, 3], - [16, 6], - [18, 26], - [19, 64], - [20, 128] - ] - }, - 'line-opacity': { - stops: [ - [12, 0], - [13, 1] - ] - } + 'line-color': street_residential_case.line_color, + 'line-width': street_residential_case.line_width, + 'line-opacity': street_residential_case.line_opacity }, layout: street_layout }, @@ -355,23 +340,9 @@ export default function makeRoads() { id: 'bridge-street-unclassified:case', filter: ['all', ['==', 'kind', 'unclassified'], ['==', 'bridge', true]], paint: { - 'line-color': 'rgb(217,217,217)', - 'line-width': { - stops: [ - [12, 2], - [14, 3], - [16, 6], - [18, 26], - [19, 64], - [20, 128] - ] - }, - 'line-opacity': { - stops: [ - [12, 0], - [13, 1] - ] - } + 'line-color': street_residential_case.line_color, + 'line-width': street_residential_case.line_width, + 'line-opacity': street_residential_case.line_opacity }, layout: case_layout }, @@ -446,7 +417,7 @@ export default function makeRoads() { ['!=', 'service', 'driveway'] ], paint: { - 'line-color': 'hsl(0,0%,100%)', + 'line-color': tokens.street_tertiary, 'line-width': { stops: [ [14, 1], @@ -469,7 +440,7 @@ export default function makeRoads() { id: 'bridge-street-livingstreet', filter: ['all', ['==', 'kind', 'living_street'], ['==', 'bridge', true]], paint: { - 'line-color': 'hsl(0,0%,100%)', + 'line-color': tokens.street_tertiary, 'line-width': { stops: [ [12, 1], @@ -503,7 +474,7 @@ export default function makeRoads() { id: 'bridge-street-unclassified', filter: ['all', ['==', 'kind', 'unclassified'], ['==', 'bridge', true]], paint: { - 'line-color': 'hsl(0,0%,100%)', + 'line-color': tokens.street_tertiary, 'line-width': { stops: [ [12, 1], @@ -527,7 +498,7 @@ export default function makeRoads() { id: 'bridge-street-tertiary-link', filter: ['all', ['==', 'bridge', true], ['in', 'kind', 'tertiary'], ['==', 'link', true]], paint: { - 'line-color': 'hsl(0,0%,100%)', + 'line-color': tokens.street_tertiary, 'line-width': { stops: [ [12, 1], @@ -579,7 +550,7 @@ export default function makeRoads() { id: 'bridge-street-tertiary', filter: ['all', ['==', 'bridge', true], ['in', 'kind', 'tertiary'], ['!=', 'link', true]], paint: { - 'line-color': 'hsl(0,0%,100%)', + 'line-color': tokens.street_tertiary, 'line-width': { stops: [ [12, 1], @@ -648,7 +619,7 @@ export default function makeRoads() { ['!=', 'service', 'driveway'] ], paint: { - 'line-color': 'rgb(222,222,222)', + 'line-color': tokens.street_tertiary_case, 'line-width': { stops: [ [14, 2], @@ -671,7 +642,7 @@ export default function makeRoads() { id: 'tunnel-street-livingstreet:case', filter: ['all', ['==', 'kind', 'living_street'], ['==', 'tunnel', true]], paint: { - 'line-color': 'rgb(222,222,222)', + 'line-color': tokens.street_tertiary_case, 'line-width': { stops: [ [12, 2], @@ -705,7 +676,7 @@ export default function makeRoads() { id: 'tunnel-street-unclassified:case', filter: ['all', ['==', 'kind', 'unclassified'], ['==', 'tunnel', true]], paint: { - 'line-color': 'rgb(222,222,222)', + 'line-color': tokens.street_tertiary_case, 'line-width': { stops: [ [12, 2], @@ -819,7 +790,7 @@ export default function makeRoads() { ['!=', 'service', 'driveway'] ], paint: { - 'line-color': 'rgb(247,247,247)', + 'line-color': tokens.street_tertiary, 'line-width': { stops: [ [14, 1], @@ -842,7 +813,7 @@ export default function makeRoads() { id: 'tunnel-street-livingstreet', filter: ['all', ['==', 'kind', 'living_street'], ['==', 'tunnel', true]], paint: { - 'line-color': 'rgb(247,247,247)', + 'line-color': tokens.street_tertiary, 'line-width': { stops: [ [12, 1], @@ -881,7 +852,7 @@ export default function makeRoads() { id: 'tunnel-street-unclassified', filter: ['all', ['==', 'kind', 'unclassified'], ['==', 'tunnel', true]], paint: { - 'line-color': 'rgb(247,247,247)', + 'line-color': tokens.street_tertiary, 'line-width': { stops: [ [12, 1], @@ -905,7 +876,7 @@ export default function makeRoads() { id: 'tunnel-street-tertiary-link', filter: ['all', ['==', 'tunnel', true], ['in', 'kind', 'tertiary'], ['==', 'link', true]], paint: { - 'line-color': 'rgb(247,247,247)', + 'line-color': tokens.street_tertiary, 'line-width': { stops: [ [12, 1], @@ -960,7 +931,7 @@ export default function makeRoads() { id: 'tunnel-street-tertiary', filter: ['all', ['==', 'tunnel', true], ['in', 'kind', 'tertiary'], ['!=', 'link', true]], paint: { - 'line-color': 'rgb(247,247,247)', + 'line-color': tokens.street_tertiary, 'line-width': { stops: [ [12, 1], @@ -1040,7 +1011,7 @@ export default function makeRoads() { ['!=', 'service', 'driveway'] ], paint: { - 'line-color': 'hsl(36,0%,80%)', + 'line-color': tokens.street_tertiary_case, 'line-width': { stops: [ [14, 2], @@ -1068,7 +1039,7 @@ export default function makeRoads() { ['!=', 'tunnel', true] ], paint: { - 'line-color': 'hsl(36,0%,80%)', + 'line-color': tokens.street_tertiary_case, 'line-width': { stops: [ [12, 2], @@ -1112,7 +1083,7 @@ export default function makeRoads() { ['!=', 'tunnel', true] ], paint: { - 'line-color': 'hsl(36,0%,80%)', + 'line-color': tokens.street_tertiary_case, 'line-width': { stops: [ [12, 2], @@ -1351,7 +1322,7 @@ export default function makeRoads() { ['==', 'link', true] ], paint: { - 'line-color': 'hsl(0,0%,100%)', + 'line-color': tokens.street_tertiary, 'line-width': { stops: [ [12, 1], @@ -1433,7 +1404,7 @@ export default function makeRoads() { ['!=', 'link', true] ], paint: { - 'line-color': 'hsl(0,0%,100%)', + 'line-color': tokens.street_tertiary, 'line-width': { stops: [ [12, 1], diff --git a/components/src/maplibre/MapStyle/components/Transit.ts b/components/src/maplibre/MapStyle/components/Transit.ts index e73c64e0..c8270281 100644 --- a/components/src/maplibre/MapStyle/components/Transit.ts +++ b/components/src/maplibre/MapStyle/components/Transit.ts @@ -1,52 +1,50 @@ -import tokens from '../tokens'; import type { Layer } from '../../types'; -const rail = { - line_color: '#d3d3d3', - line_dasharray: [2, 2], - line_width: { - stops: [ - [8, 1], - [13, 1], - [20, 2] - ] - }, - line_opacity: { - stops: [ - [12, 0], - [13, 1] - ] - } -}; - -const rail_overlay = { - line_width: { - stops: [ - [8, 1], - [13, 6], - [20, 12] - ] - }, - line_dasharray: [0.125, 6] -}; +export default function makeTransit(tokens) { + const rail = { + line_color: tokens.rail, + line_dasharray: [2, 2], + line_width: { + stops: [ + [8, 1], + [13, 1], + [20, 2] + ] + }, + line_opacity: { + stops: [ + [12, 0], + [13, 1] + ] + } + }; -const rail_case = { - line_color: tokens.background, - line_width: { - stops: [ - [13, 2], - [20, 4] - ] - }, - line_opacity: { - stops: [ - [12, 0], - [13, 1] - ] - } -}; + const rail_overlay = { + line_width: { + stops: [ + [8, 1], + [13, 6], + [20, 12] + ] + }, + line_dasharray: [0.125, 6] + }; -export default function makeTransit() { + const rail_case = { + line_color: tokens.background, + line_width: { + stops: [ + [13, 2], + [20, 4] + ] + }, + line_opacity: { + stops: [ + [12, 0], + [13, 1] + ] + } + }; const airports = [ { id: 'airport-area', diff --git a/components/src/maplibre/MapStyle/components/Walking.ts b/components/src/maplibre/MapStyle/components/Walking.ts index 292385d1..57c64b47 100644 --- a/components/src/maplibre/MapStyle/components/Walking.ts +++ b/components/src/maplibre/MapStyle/components/Walking.ts @@ -1,5 +1,4 @@ import { type Layer } from '../../types'; -import tokens from '../tokens'; import type { SymbolLayerSpecification } from 'maplibre-gl'; const street_layout = { @@ -7,27 +6,27 @@ const street_layout = { 'line-cap': 'butt' }; -const street_residential = { - line_color: tokens.street_tertiary, - line_width: { - stops: [ - [13, 1], - [14, 2], - [16, 5], - [18, 24], - [19, 60], - [20, 120] - ] - }, - line_opacity: { - stops: [ - [12, 0], - [13, 1] - ] - } -}; +export default function makeWalking(tokens): any { + const street_residential = { + line_color: tokens.street_tertiary, + line_width: { + stops: [ + [13, 1], + [14, 2], + [16, 5], + [18, 24], + [19, 60], + [20, 120] + ] + }, + line_opacity: { + stops: [ + [12, 0], + [13, 1] + ] + } + }; -export default function makeWalking(): any { const walkingTunnels: Layer[] = [ { id: 'tunnel-street-pedestrian-zone', @@ -35,7 +34,7 @@ export default function makeWalking(): any { 'source-layer': 'street_polygons', filter: ['all', ['==', 'tunnel', true], ['==', 'kind', 'pedestrian']], paint: { - 'fill-color': 'rgb(247,247,247)', + 'fill-color': tokens.street_tertiary, 'fill-opacity': { stops: [ [12, 0], @@ -62,7 +61,7 @@ export default function makeWalking(): any { [20, 22] ] }, - 'line-color': 'hsl(0,0%,86%)' + 'line-color': tokens.street_tertiary_case }, minzoom: 15 }, @@ -84,7 +83,7 @@ export default function makeWalking(): any { [20, 22] ] }, - 'line-color': 'hsl(0,0%,86%)' + 'line-color': tokens.street_tertiary_case }, minzoom: 15 }, @@ -106,7 +105,7 @@ export default function makeWalking(): any { [20, 22] ] }, - 'line-color': 'hsl(0,0%,86%)' + 'line-color': tokens.street_tertiary_case }, minzoom: 15 }, @@ -128,7 +127,7 @@ export default function makeWalking(): any { [20, 22] ] }, - 'line-color': 'hsl(0,0%,87%)' + 'line-color': tokens.street_tertiary_case }, minzoom: 15 }, @@ -139,7 +138,7 @@ export default function makeWalking(): any { 'source-layer': 'streets', filter: ['all', ['==', 'kind', 'track'], ['==', 'tunnel', true]], paint: { - 'line-color': 'rgb(222,222,222)', + 'line-color': tokens.street_secondary_case, 'line-width': { stops: [ [14, 2], @@ -167,7 +166,7 @@ export default function makeWalking(): any { 'source-layer': 'streets', filter: ['all', ['==', 'kind', 'pedestrian'], ['==', 'tunnel', true]], paint: { - 'line-color': 'rgb(222,222,222)', + 'line-color': tokens.street_tertiary_case, 'line-width': { stops: [ [12, 2], @@ -208,7 +207,7 @@ export default function makeWalking(): any { [20, 20] ] }, - 'line-color': 'hsl(0,0%,94%)', + 'line-color': tokens.street_tertiary, 'line-dasharray': [1, 0.2] }, minzoom: 15 @@ -231,7 +230,7 @@ export default function makeWalking(): any { [20, 20] ] }, - 'line-color': 'hsl(0,0%,94%)', + 'line-color': tokens.street_tertiary, 'line-dasharray': [1, 0.2] }, minzoom: 15 @@ -254,7 +253,7 @@ export default function makeWalking(): any { [20, 20] ] }, - 'line-color': 'hsl(0,0%,94%)', + 'line-color': tokens.street_tertiary, 'line-dasharray': [1, 0.2] }, minzoom: 15 @@ -277,7 +276,7 @@ export default function makeWalking(): any { [20, 20] ] }, - 'line-color': 'hsl(0,0%,95%)', + 'line-color': tokens.street_tertiary, 'line-dasharray': [1, 0.2] }, minzoom: 15 @@ -288,7 +287,7 @@ export default function makeWalking(): any { 'source-layer': 'streets', filter: ['all', ['==', 'kind', 'track'], ['==', 'tunnel', true]], paint: { - 'line-color': 'rgb(247,247,247)', + 'line-color': tokens.street_secondary, 'line-width': { stops: [ [14, 1], @@ -316,7 +315,7 @@ export default function makeWalking(): any { 'source-layer': 'streets', filter: ['all', ['==', 'kind', 'pedestrian'], ['==', 'tunnel', true]], paint: { - 'line-color': 'rgb(247,247,247)', + 'line-color': tokens.street_tertiary, 'line-width': { stops: [ [12, 1], @@ -350,7 +349,7 @@ export default function makeWalking(): any { ['==', 'tunnel', true] ], paint: { - 'line-color': 'hsl(203,0%,97%)', + 'line-color': tokens.street_tertiary, 'line-width': { stops: [ [12, 1], @@ -398,7 +397,7 @@ export default function makeWalking(): any { ['==', 'tunnel', true] ], paint: { - 'line-color': 'hsl(203,0%,97%)', + 'line-color': tokens.street_tertiary, 'line-width': { stops: [ [12, 1], @@ -429,7 +428,7 @@ export default function makeWalking(): any { ['==', 'tunnel', true] ], paint: { - 'line-color': 'rgb(247,247,247)' + 'line-color': tokens.street_tertiary }, layout: { 'line-join': 'round', @@ -447,7 +446,7 @@ export default function makeWalking(): any { ['==', 'tunnel', true] ], paint: { - 'line-color': 'hsl(203,0%,97%)', + 'line-color': tokens.street_tertiary, 'line-width': { stops: [ [12, 1], @@ -479,7 +478,7 @@ export default function makeWalking(): any { ['!=', 'service', 'driveway'] ], paint: { - 'line-color': 'rgb(247,247,247)' + 'line-color': tokens.street_tertiary }, layout: { 'line-join': 'round', @@ -509,7 +508,7 @@ export default function makeWalking(): any { [20, 22] ] }, - 'line-color': 'rgb(220,220,220)' + 'line-color': tokens.street_tertiary }, minzoom: 15 }, @@ -532,7 +531,7 @@ export default function makeWalking(): any { [20, 22] ] }, - 'line-color': 'rgb(220,220,220)' + 'line-color': tokens.street_tertiary_case } }, { @@ -554,7 +553,7 @@ export default function makeWalking(): any { [20, 22] ] }, - 'line-color': 'rgb(220,220,220)' + 'line-color': tokens.street_tertiary_case } }, { @@ -575,7 +574,7 @@ export default function makeWalking(): any { [20, 22] ] }, - 'line-color': 'rgb(222,222,222)' + 'line-color': tokens.street_tertiary }, minzoom: 15 }, @@ -585,7 +584,7 @@ export default function makeWalking(): any { 'source-layer': 'streets', filter: ['all', ['==', 'kind', 'track'], ['!=', 'bridge', true], ['!=', 'tunnel', true]], paint: { - 'line-color': 'hsl(36,0%,80%)', + 'line-color': tokens.street_secondary_case, 'line-width': { stops: [ [14, 2], @@ -651,7 +650,7 @@ export default function makeWalking(): any { [20, 20] ] }, - 'line-color': 'rgb(245,245,245)' + 'line-color': tokens.street_tertiary }, minzoom: 15 }, @@ -673,7 +672,7 @@ export default function makeWalking(): any { [20, 20] ] }, - 'line-color': 'rgb(245,245,245)' + 'line-color': tokens.street_tertiary }, minzoom: 15 }, @@ -695,7 +694,7 @@ export default function makeWalking(): any { [20, 20] ] }, - 'line-color': 'rgb(245,245,245)' + 'line-color': tokens.street_tertiary }, minzoom: 15 }, @@ -717,7 +716,7 @@ export default function makeWalking(): any { [20, 20] ] }, - 'line-color': 'hsl(203,0%,97%)' + 'line-color': tokens.street_tertiary }, minzoom: 15 }, @@ -727,7 +726,7 @@ export default function makeWalking(): any { 'source-layer': 'streets', filter: ['all', ['==', 'kind', 'track'], ['!=', 'bridge', true], ['!=', 'tunnel', true]], paint: { - 'line-color': 'hsl(0,0%,100%)', + 'line-color': tokens.street_tertiary, 'line-width': { stops: [ [14, 1], @@ -771,153 +770,6 @@ export default function makeWalking(): any { } }, layout: street_layout - }, - { - id: 'street-track-bicycle', - type: 'line', - 'source-layer': 'streets', - filter: [ - 'all', - ['==', 'kind', 'track'], - ['==', 'bicycle', 'designated'], - ['!=', 'bridge', true], - ['!=', 'tunnel', true] - ], - paint: { - 'line-color': 'hsl(0,0%,100%)' - }, - layout: street_layout - }, - { - id: 'street-pedestrian-bicycle', - type: 'line', - 'source-layer': 'streets', - filter: [ - 'all', - ['==', 'kind', 'pedestrian'], - ['==', 'bicycle', 'designated'], - ['!=', 'bridge', true], - ['!=', 'tunnel', true] - ], - paint: { - 'line-color': 'hsl(203,0%,97%)', - 'line-width': { - stops: [ - [12, 1], - [14, 2], - [16, 5], - [18, 24], - [19, 60], - [20, 120] - ] - }, - 'line-opacity': { - stops: [ - [12, 0], - [13, 1] - ] - } - }, - layout: street_layout - }, - { - id: 'street-service-bicycle', - type: 'line', - 'source-layer': 'streets', - filter: [ - 'all', - ['==', 'kind', 'service'], - ['==', 'bicycle', 'designated'], - ['!=', 'bridge', true], - ['!=', 'tunnel', true], - ['!=', 'service', 'driveway'] - ], - paint: { - 'line-color': 'hsl(0,0%,100%)' - }, - layout: street_layout - }, - { - id: 'street-livingstreet-bicycle', - type: 'line', - 'source-layer': 'streets', - filter: [ - 'all', - ['==', 'kind', 'living_street'], - ['==', 'bicycle', 'designated'], - ['!=', 'bridge', true], - ['!=', 'tunnel', true] - ], - paint: { - 'line-color': 'hsl(203,0%,97%)', - 'line-width': { - stops: [ - [12, 1], - [14, 2], - [16, 5], - [18, 24], - [19, 60], - [20, 120] - ] - }, - 'line-opacity': { - stops: [ - [12, 0], - [13, 1] - ] - } - }, - layout: street_layout - }, - { - id: 'street-residential-bicycle', - type: 'line', - 'source-layer': 'streets', - filter: [ - 'all', - ['==', 'kind', 'residential'], - ['==', 'bicycle', 'designated'], - ['!=', 'bridge', true], - ['!=', 'tunnel', true] - ], - paint: { - 'line-color': street_residential.line_color, - 'line-width': street_residential.line_width, - 'line-opacity': street_residential.line_opacity - }, - layout: street_layout - }, - { - id: 'street-unclassified-bicycle', - type: 'line', - 'source-layer': 'streets', - filter: [ - 'all', - ['==', 'kind', 'unclassified'], - ['==', 'bicycle', 'designated'], - ['!=', 'bridge', true], - ['!=', 'tunnel', true] - ], - paint: { - 'line-color': 'hsl(203,0%,97%)', - 'line-width': { - stops: [ - [12, 1], - [14, 2], - [16, 5], - [18, 24], - [19, 60], - [20, 120] - ] - }, - 'line-opacity': { - stops: [ - [12, 0], - [13, 1] - ] - } - }, - layout: street_layout } ].map((el) => { return { source: 'versatiles-osm', ...el } as Layer; @@ -930,7 +782,7 @@ export default function makeWalking(): any { 'source-layer': 'street_polygons', filter: ['all', ['==', 'bridge', true], ['==', 'kind', 'pedestrian']], paint: { - 'fill-color': 'hsl(0,0%,100%)', + 'fill-color': tokens.street_tertiary, 'fill-opacity': { stops: [ [12, 0], @@ -956,7 +808,7 @@ export default function makeWalking(): any { [20, 22] ] }, - 'line-color': 'rgb(220,220,220)' + 'line-color': tokens.street_tertiary_case } }, { @@ -976,7 +828,7 @@ export default function makeWalking(): any { [20, 22] ] }, - 'line-color': 'rgb(220,220,220)' + 'line-color': tokens.street_tertiary_case } }, { @@ -995,7 +847,7 @@ export default function makeWalking(): any { [20, 22] ] }, - 'line-color': 'rgb(220,220,220)' + 'line-color': tokens.street_tertiary_case }, minzoom: 15 }, @@ -1015,7 +867,7 @@ export default function makeWalking(): any { [20, 22] ] }, - 'line-color': 'rgb(222,222,222)' + 'line-color': tokens.street_tertiary_case }, minzoom: 15 }, @@ -1023,7 +875,7 @@ export default function makeWalking(): any { id: 'bridge-street-track:case', filter: ['all', ['==', 'kind', 'track'], ['==', 'bridge', true]], paint: { - 'line-color': 'rgb(217,217,217)', + 'line-color': tokens.street_tertiary_case, 'line-width': { stops: [ [14, 2], @@ -1046,7 +898,7 @@ export default function makeWalking(): any { id: 'bridge-street-pedestrian:case', filter: ['all', ['==', 'kind', 'pedestrian'], ['==', 'bridge', true]], paint: { - 'line-color': 'rgb(217,217,217)', + 'line-color': tokens.street_tertiary_case, 'line-width': { stops: [ [12, 2], @@ -1173,7 +1025,7 @@ export default function makeWalking(): any { id: 'bridge-street-pedestrian', filter: ['all', ['==', 'kind', 'pedestrian'], ['==', 'bridge', true]], paint: { - 'line-color': 'hsl(0,0%,100%)', + 'line-color': tokens.street_tertiary, 'line-width': { stops: [ [12, 1], @@ -1245,7 +1097,7 @@ export default function makeWalking(): any { ['!=', 'service', 'driveway'] ], paint: { - 'line-color': 'hsl(0,0%,100%)' + 'line-color': tokens.street_tertiary }, layout: street_layout }, @@ -1258,7 +1110,7 @@ export default function makeWalking(): any { ['==', 'bridge', true] ], paint: { - 'line-color': 'hsl(203,0%,97%)', + 'line-color': tokens.street_tertiary, 'line-width': { stops: [ [12, 1], @@ -1302,7 +1154,7 @@ export default function makeWalking(): any { ['==', 'bridge', true] ], paint: { - 'line-color': 'hsl(203,0%,97%)', + 'line-color': tokens.street_tertiary, 'line-width': { stops: [ [12, 1], @@ -1352,8 +1204,8 @@ export default function makeWalking(): any { } }, paint: { - 'text-color': 'hsl(240,0%,23%)', - 'text-halo-color': 'hsla(0,0%,100%,0.8)', + 'text-color': tokens.label_secondary, + 'text-halo-color': tokens.background, 'text-halo-width': 2, 'text-halo-blur': 1 } diff --git a/components/src/maplibre/MapStyle/icons/pin-14-dark.svg b/components/src/maplibre/MapStyle/icons/pin-14-dark.svg new file mode 100644 index 00000000..de088303 --- /dev/null +++ b/components/src/maplibre/MapStyle/icons/pin-14-dark.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/components/src/maplibre/MapStyle/index.js b/components/src/maplibre/MapStyle/index.js index ece80d1e..adb7f3e3 100644 --- a/components/src/maplibre/MapStyle/index.js +++ b/components/src/maplibre/MapStyle/index.js @@ -1,2 +1,3 @@ import SWRDataLabLight from './SWRDataLabLight'; -export { SWRDataLabLight }; +import SWRDataLabDark from './SWRDataLabDark'; +export { SWRDataLabLight, SWRDataLabDark }; diff --git a/components/src/maplibre/MapStyle/sprite/sprite.json b/components/src/maplibre/MapStyle/sprite/sprite.json index 551239fc..a8068948 100644 --- a/components/src/maplibre/MapStyle/sprite/sprite.json +++ b/components/src/maplibre/MapStyle/sprite/sprite.json @@ -1 +1 @@ -{"airport-14":{"height":28,"pixelRatio":2,"width":28,"x":0,"y":0},"alcohol-14":{"height":28,"pixelRatio":2,"width":28,"x":0,"y":28},"alpine-hut-14":{"height":28,"pixelRatio":2,"width":28,"x":0,"y":56},"archaeological-site-14":{"height":28,"pixelRatio":2,"width":28,"x":0,"y":84},"atm-14":{"height":28,"pixelRatio":2,"width":28,"x":0,"y":112},"bakery-14":{"height":28,"pixelRatio":2,"width":28,"x":0,"y":140},"bank-14":{"height":28,"pixelRatio":2,"width":28,"x":0,"y":168},"bar-14":{"height":28,"pixelRatio":2,"width":28,"x":0,"y":196},"basic-hut-14":{"height":28,"pixelRatio":2,"width":28,"x":0,"y":224},"beauty-14":{"height":28,"pixelRatio":2,"width":28,"x":28,"y":0},"bench-14":{"height":28,"pixelRatio":2,"width":28,"x":28,"y":28},"beverages-14":{"height":28,"pixelRatio":2,"width":28,"x":28,"y":56},"bicycle-14":{"height":28,"pixelRatio":2,"width":28,"x":28,"y":84},"biergarten-14":{"height":28,"pixelRatio":2,"width":28,"x":28,"y":112},"bollard-10":{"height":20,"pixelRatio":2,"width":20,"x":420,"y":196},"bollard-14":{"height":28,"pixelRatio":2,"width":28,"x":28,"y":140},"books-14":{"height":28,"pixelRatio":2,"width":28,"x":28,"y":168},"buddhist-14":{"height":28,"pixelRatio":2,"width":28,"x":28,"y":196},"bus-station-14":{"height":28,"pixelRatio":2,"width":28,"x":28,"y":224},"bus-stop-10":{"height":20,"pixelRatio":2,"width":20,"x":420,"y":216},"bus-stop-14":{"height":28,"pixelRatio":2,"width":28,"x":56,"y":0},"butcher-14":{"height":28,"pixelRatio":2,"width":28,"x":56,"y":28},"cafe-14":{"height":28,"pixelRatio":2,"width":28,"x":56,"y":56},"camping-14":{"height":28,"pixelRatio":2,"width":28,"x":56,"y":84},"car-14":{"height":28,"pixelRatio":2,"width":28,"x":56,"y":112},"car-parts-14":{"height":28,"pixelRatio":2,"width":28,"x":56,"y":140},"caravan-14":{"height":28,"pixelRatio":2,"width":28,"x":56,"y":168},"castle-defensive-14":{"height":28,"pixelRatio":2,"width":28,"x":56,"y":196},"castle-fortress-14":{"height":28,"pixelRatio":2,"width":28,"x":56,"y":224},"castle-manor-14":{"height":28,"pixelRatio":2,"width":28,"x":84,"y":0},"castle-palace-14":{"height":28,"pixelRatio":2,"width":28,"x":84,"y":28},"castle-stately-14":{"height":28,"pixelRatio":2,"width":28,"x":84,"y":56},"cattle-grid-10":{"height":20,"pixelRatio":2,"width":20,"x":420,"y":236},"cattle-grid-14":{"height":28,"pixelRatio":2,"width":28,"x":84,"y":84},"cemetery-14":{"height":28,"pixelRatio":2,"width":28,"x":84,"y":112},"charging-station-14":{"height":28,"pixelRatio":2,"width":28,"x":84,"y":140},"chemist-14":{"height":28,"pixelRatio":2,"width":28,"x":84,"y":168},"christian-14":{"height":28,"pixelRatio":2,"width":28,"x":84,"y":196},"christian-orthodox-14":{"height":28,"pixelRatio":2,"width":28,"x":84,"y":224},"cinema-14":{"height":28,"pixelRatio":2,"width":28,"x":112,"y":0},"city-gate-14":{"height":28,"pixelRatio":2,"width":28,"x":112,"y":28},"clock-14":{"height":28,"pixelRatio":2,"width":28,"x":112,"y":56},"clothes-14":{"height":28,"pixelRatio":2,"width":28,"x":112,"y":84},"computer-14":{"height":28,"pixelRatio":2,"width":28,"x":112,"y":112},"confectionery-14":{"height":28,"pixelRatio":2,"width":28,"x":112,"y":140},"convenience-14":{"height":28,"pixelRatio":2,"width":28,"x":112,"y":168},"copyshop-14":{"height":28,"pixelRatio":2,"width":28,"x":112,"y":196},"courthouse-10":{"height":20,"pixelRatio":2,"width":20,"x":440,"y":196},"courthouse-14":{"height":28,"pixelRatio":2,"width":28,"x":112,"y":224},"dentist-14":{"height":28,"pixelRatio":2,"width":28,"x":140,"y":0},"doctor-14":{"height":28,"pixelRatio":2,"width":28,"x":140,"y":28},"doityourself-14":{"height":28,"pixelRatio":2,"width":28,"x":140,"y":56},"drinking-water-14":{"height":28,"pixelRatio":2,"width":28,"x":140,"y":84},"electronics-14":{"height":28,"pixelRatio":2,"width":28,"x":140,"y":112},"elevator-14":{"height":28,"pixelRatio":2,"width":28,"x":140,"y":140},"embassy-10":{"height":20,"pixelRatio":2,"width":20,"x":448,"y":168},"embassy-14":{"height":28,"pixelRatio":2,"width":28,"x":140,"y":168},"emergency-phone-14":{"height":28,"pixelRatio":2,"width":28,"x":140,"y":196},"entrance-10":{"height":20,"pixelRatio":2,"width":20,"x":440,"y":216},"entrance-14":{"height":28,"pixelRatio":2,"width":28,"x":140,"y":224},"exit-10":{"height":20,"pixelRatio":2,"width":20,"x":440,"y":236},"exit-14":{"height":28,"pixelRatio":2,"width":28,"x":168,"y":0},"fast-food-14":{"height":28,"pixelRatio":2,"width":28,"x":168,"y":28},"ferry-14":{"height":28,"pixelRatio":2,"width":28,"x":168,"y":56},"fire-station-14":{"height":28,"pixelRatio":2,"width":28,"x":168,"y":84},"florist-14":{"height":28,"pixelRatio":2,"width":28,"x":168,"y":112},"ford-14":{"height":28,"pixelRatio":2,"width":28,"x":168,"y":140},"fort-14":{"height":28,"pixelRatio":2,"width":28,"x":168,"y":168},"fountain-14":{"height":28,"pixelRatio":2,"width":28,"x":168,"y":196},"fuel-14":{"height":28,"pixelRatio":2,"width":28,"x":168,"y":224},"furniture-14":{"height":28,"pixelRatio":2,"width":28,"x":196,"y":0},"garden-centre-14":{"height":28,"pixelRatio":2,"width":28,"x":196,"y":28},"gate-10":{"height":20,"pixelRatio":2,"width":20,"x":460,"y":188},"gate-14":{"height":28,"pixelRatio":2,"width":28,"x":196,"y":56},"gift-14":{"height":28,"pixelRatio":2,"width":28,"x":196,"y":84},"government-14":{"height":28,"pixelRatio":2,"width":28,"x":196,"y":112},"greengrocer-14":{"height":28,"pixelRatio":2,"width":28,"x":196,"y":140},"guidepost-14":{"height":28,"pixelRatio":2,"width":28,"x":196,"y":168},"hairdresser-14":{"height":28,"pixelRatio":2,"width":28,"x":196,"y":196},"heliport-14":{"height":28,"pixelRatio":2,"width":28,"x":196,"y":224},"hifi-14":{"height":28,"pixelRatio":2,"width":28,"x":224,"y":0},"hinduist-14":{"height":28,"pixelRatio":2,"width":28,"x":224,"y":28},"hospital-14":{"height":28,"pixelRatio":2,"width":28,"x":224,"y":56},"hostel-14":{"height":28,"pixelRatio":2,"width":28,"x":224,"y":84},"hotel-14":{"height":28,"pixelRatio":2,"width":28,"x":224,"y":112},"hunting-stand-14":{"height":28,"pixelRatio":2,"width":28,"x":224,"y":140},"ice-cream-14":{"height":28,"pixelRatio":2,"width":28,"x":224,"y":168},"information-14":{"height":28,"pixelRatio":2,"width":28,"x":224,"y":196},"jewellery-14":{"height":28,"pixelRatio":2,"width":28,"x":224,"y":224},"jewish-14":{"height":28,"pixelRatio":2,"width":28,"x":252,"y":0},"kiosk-14":{"height":28,"pixelRatio":2,"width":28,"x":252,"y":28},"laundry-14":{"height":28,"pixelRatio":2,"width":28,"x":252,"y":56},"library-14":{"height":28,"pixelRatio":2,"width":28,"x":252,"y":84},"lift-gate-10":{"height":20,"pixelRatio":2,"width":20,"x":468,"y":168},"lift-gate-14":{"height":28,"pixelRatio":2,"width":28,"x":252,"y":112},"lighthouse-14":{"height":28,"pixelRatio":2,"width":28,"x":252,"y":140},"luggage-14":{"height":28,"pixelRatio":2,"width":28,"x":252,"y":168},"mast-14":{"height":28,"pixelRatio":2,"width":28,"x":252,"y":196},"mast-communications-14":{"height":28,"pixelRatio":2,"width":28,"x":252,"y":224},"memorial-10":{"height":20,"pixelRatio":2,"width":20,"x":488,"y":168},"memorial-14":{"height":28,"pixelRatio":2,"width":28,"x":280,"y":0},"metro-14":{"height":28,"pixelRatio":2,"width":28,"x":308,"y":0},"mobile-phone-14":{"height":28,"pixelRatio":2,"width":28,"x":336,"y":0},"monument-14":{"height":28,"pixelRatio":2,"width":28,"x":364,"y":0},"motel-14":{"height":28,"pixelRatio":2,"width":28,"x":392,"y":0},"museum-14":{"height":28,"pixelRatio":2,"width":28,"x":420,"y":0},"muslim-14":{"height":28,"pixelRatio":2,"width":28,"x":448,"y":0},"news-14":{"height":28,"pixelRatio":2,"width":28,"x":476,"y":0},"nightclub-14":{"height":28,"pixelRatio":2,"width":28,"x":280,"y":28},"optician-14":{"height":28,"pixelRatio":2,"width":28,"x":280,"y":56},"parking-bicycle-14":{"height":28,"pixelRatio":2,"width":28,"x":280,"y":84},"parking-car-14":{"height":28,"pixelRatio":2,"width":28,"x":280,"y":112},"parking-garage-car-14":{"height":28,"pixelRatio":2,"width":28,"x":280,"y":140},"peak-10":{"height":20,"pixelRatio":2,"width":20,"x":480,"y":188},"peak-14":{"height":28,"pixelRatio":2,"width":28,"x":280,"y":168},"pet-14":{"height":28,"pixelRatio":2,"width":28,"x":280,"y":196},"pharmacy-14":{"height":28,"pixelRatio":2,"width":28,"x":280,"y":224},"photo-14":{"height":28,"pixelRatio":2,"width":28,"x":308,"y":28},"pin-14":{"height":28,"pixelRatio":2,"width":28,"x":336,"y":28},"place-of-worship-14":{"height":28,"pixelRatio":2,"width":28,"x":364,"y":28},"playground-14":{"height":28,"pixelRatio":2,"width":28,"x":392,"y":28},"police-14":{"height":28,"pixelRatio":2,"width":28,"x":420,"y":28},"post-office-10":{"height":20,"pixelRatio":2,"width":20,"x":460,"y":208},"post-office-14":{"height":28,"pixelRatio":2,"width":28,"x":448,"y":28},"power-wind-14":{"height":28,"pixelRatio":2,"width":28,"x":476,"y":28},"prison-14":{"height":28,"pixelRatio":2,"width":28,"x":308,"y":56},"pub-14":{"height":28,"pixelRatio":2,"width":28,"x":308,"y":84},"railway-halt-14":{"height":28,"pixelRatio":2,"width":28,"x":308,"y":112},"railway-station-14":{"height":28,"pixelRatio":2,"width":28,"x":308,"y":140},"recycling-14":{"height":28,"pixelRatio":2,"width":28,"x":308,"y":168},"rental-bicycle-14":{"height":28,"pixelRatio":2,"width":28,"x":308,"y":196},"rental-car-14":{"height":28,"pixelRatio":2,"width":28,"x":308,"y":224},"repair-bicycle-14":{"height":28,"pixelRatio":2,"width":28,"x":336,"y":56},"repair-car-14":{"height":28,"pixelRatio":2,"width":28,"x":364,"y":56},"restaurant-14":{"height":28,"pixelRatio":2,"width":28,"x":392,"y":56},"saddle-10":{"height":20,"pixelRatio":2,"width":20,"x":460,"y":228},"saddle-14":{"height":28,"pixelRatio":2,"width":28,"x":420,"y":56},"shared-car-14":{"height":28,"pixelRatio":2,"width":28,"x":448,"y":56},"shelter-14":{"height":28,"pixelRatio":2,"width":28,"x":476,"y":56},"shintoist-14":{"height":28,"pixelRatio":2,"width":28,"x":336,"y":84},"shoes-14":{"height":28,"pixelRatio":2,"width":28,"x":336,"y":112},"sikhist-14":{"height":28,"pixelRatio":2,"width":28,"x":336,"y":140},"spring-14":{"height":28,"pixelRatio":2,"width":28,"x":336,"y":168},"stationery-14":{"height":28,"pixelRatio":2,"width":28,"x":336,"y":196},"steps-10":{"height":20,"pixelRatio":2,"width":20,"x":480,"y":208},"steps-14":{"height":28,"pixelRatio":2,"width":28,"x":336,"y":224},"supermarket-14":{"height":28,"pixelRatio":2,"width":28,"x":364,"y":84},"swimming-14":{"height":28,"pixelRatio":2,"width":28,"x":392,"y":84},"table-14":{"height":28,"pixelRatio":2,"width":28,"x":420,"y":84},"taoist-14":{"height":28,"pixelRatio":2,"width":28,"x":448,"y":84},"taxi-14":{"height":28,"pixelRatio":2,"width":28,"x":476,"y":84},"telephone-14":{"height":28,"pixelRatio":2,"width":28,"x":364,"y":112},"theatre-14":{"height":28,"pixelRatio":2,"width":28,"x":364,"y":140},"toilets-14":{"height":28,"pixelRatio":2,"width":28,"x":364,"y":168},"town-hall-14":{"height":28,"pixelRatio":2,"width":28,"x":364,"y":196},"toys-14":{"height":28,"pixelRatio":2,"width":28,"x":364,"y":224},"tram-stop-14":{"height":28,"pixelRatio":2,"width":28,"x":392,"y":112},"tree-coniferous-14":{"height":28,"pixelRatio":2,"width":28,"x":420,"y":112},"tree-deciduous-14":{"height":28,"pixelRatio":2,"width":28,"x":448,"y":112},"tree-unspecified-14":{"height":28,"pixelRatio":2,"width":28,"x":476,"y":112},"veterinary-14":{"height":28,"pixelRatio":2,"width":28,"x":392,"y":140},"viewpoint-14":{"height":28,"pixelRatio":2,"width":28,"x":392,"y":168},"waste-basket-10":{"height":20,"pixelRatio":2,"width":20,"x":480,"y":228},"waste-basket-14":{"height":28,"pixelRatio":2,"width":28,"x":392,"y":196},"watchtower-14":{"height":28,"pixelRatio":2,"width":28,"x":392,"y":224},"water-tower-14":{"height":28,"pixelRatio":2,"width":28,"x":420,"y":140},"waterfall-14":{"height":28,"pixelRatio":2,"width":28,"x":448,"y":140},"wilderness-hut-14":{"height":28,"pixelRatio":2,"width":28,"x":476,"y":140},"windmill-14":{"height":28,"pixelRatio":2,"width":28,"x":420,"y":168}} \ No newline at end of file +{"airport-14":{"height":28,"pixelRatio":2,"width":28,"x":0,"y":0},"alcohol-14":{"height":28,"pixelRatio":2,"width":28,"x":28,"y":0},"alpine-hut-14":{"height":28,"pixelRatio":2,"width":28,"x":56,"y":0},"archaeological-site-14":{"height":28,"pixelRatio":2,"width":28,"x":84,"y":0},"atm-14":{"height":28,"pixelRatio":2,"width":28,"x":112,"y":0},"bakery-14":{"height":28,"pixelRatio":2,"width":28,"x":140,"y":0},"bank-14":{"height":28,"pixelRatio":2,"width":28,"x":168,"y":0},"bar-14":{"height":28,"pixelRatio":2,"width":28,"x":196,"y":0},"basic-hut-14":{"height":28,"pixelRatio":2,"width":28,"x":224,"y":0},"beauty-14":{"height":28,"pixelRatio":2,"width":28,"x":252,"y":0},"bench-14":{"height":28,"pixelRatio":2,"width":28,"x":280,"y":0},"beverages-14":{"height":28,"pixelRatio":2,"width":28,"x":308,"y":0},"bicycle-14":{"height":28,"pixelRatio":2,"width":28,"x":336,"y":0},"biergarten-14":{"height":28,"pixelRatio":2,"width":28,"x":364,"y":0},"bollard-10":{"height":20,"pixelRatio":2,"width":20,"x":140,"y":140},"bollard-14":{"height":28,"pixelRatio":2,"width":28,"x":392,"y":0},"books-14":{"height":28,"pixelRatio":2,"width":28,"x":420,"y":0},"buddhist-14":{"height":28,"pixelRatio":2,"width":28,"x":448,"y":0},"bus-station-14":{"height":28,"pixelRatio":2,"width":28,"x":476,"y":0},"bus-stop-10":{"height":20,"pixelRatio":2,"width":20,"x":160,"y":140},"bus-stop-14":{"height":28,"pixelRatio":2,"width":28,"x":0,"y":28},"butcher-14":{"height":28,"pixelRatio":2,"width":28,"x":0,"y":56},"cafe-14":{"height":28,"pixelRatio":2,"width":28,"x":0,"y":84},"camping-14":{"height":28,"pixelRatio":2,"width":28,"x":0,"y":112},"car-14":{"height":28,"pixelRatio":2,"width":28,"x":0,"y":140},"car-parts-14":{"height":28,"pixelRatio":2,"width":28,"x":0,"y":168},"caravan-14":{"height":28,"pixelRatio":2,"width":28,"x":0,"y":196},"castle-defensive-14":{"height":28,"pixelRatio":2,"width":28,"x":0,"y":224},"castle-fortress-14":{"height":28,"pixelRatio":2,"width":28,"x":0,"y":252},"castle-manor-14":{"height":28,"pixelRatio":2,"width":28,"x":0,"y":280},"castle-palace-14":{"height":28,"pixelRatio":2,"width":28,"x":0,"y":308},"castle-stately-14":{"height":28,"pixelRatio":2,"width":28,"x":0,"y":336},"cattle-grid-10":{"height":20,"pixelRatio":2,"width":20,"x":180,"y":140},"cattle-grid-14":{"height":28,"pixelRatio":2,"width":28,"x":0,"y":364},"cemetery-14":{"height":28,"pixelRatio":2,"width":28,"x":0,"y":392},"charging-station-14":{"height":28,"pixelRatio":2,"width":28,"x":0,"y":420},"chemist-14":{"height":28,"pixelRatio":2,"width":28,"x":0,"y":448},"christian-14":{"height":28,"pixelRatio":2,"width":28,"x":0,"y":476},"christian-orthodox-14":{"height":28,"pixelRatio":2,"width":28,"x":28,"y":28},"cinema-14":{"height":28,"pixelRatio":2,"width":28,"x":56,"y":28},"city-gate-14":{"height":28,"pixelRatio":2,"width":28,"x":84,"y":28},"clock-14":{"height":28,"pixelRatio":2,"width":28,"x":112,"y":28},"clothes-14":{"height":28,"pixelRatio":2,"width":28,"x":140,"y":28},"computer-14":{"height":28,"pixelRatio":2,"width":28,"x":168,"y":28},"confectionery-14":{"height":28,"pixelRatio":2,"width":28,"x":196,"y":28},"convenience-14":{"height":28,"pixelRatio":2,"width":28,"x":224,"y":28},"copyshop-14":{"height":28,"pixelRatio":2,"width":28,"x":252,"y":28},"courthouse-10":{"height":20,"pixelRatio":2,"width":20,"x":200,"y":140},"courthouse-14":{"height":28,"pixelRatio":2,"width":28,"x":280,"y":28},"dentist-14":{"height":28,"pixelRatio":2,"width":28,"x":308,"y":28},"doctor-14":{"height":28,"pixelRatio":2,"width":28,"x":336,"y":28},"doityourself-14":{"height":28,"pixelRatio":2,"width":28,"x":364,"y":28},"drinking-water-14":{"height":28,"pixelRatio":2,"width":28,"x":392,"y":28},"electronics-14":{"height":28,"pixelRatio":2,"width":28,"x":420,"y":28},"elevator-14":{"height":28,"pixelRatio":2,"width":28,"x":448,"y":28},"embassy-10":{"height":20,"pixelRatio":2,"width":20,"x":220,"y":140},"embassy-14":{"height":28,"pixelRatio":2,"width":28,"x":476,"y":28},"emergency-phone-14":{"height":28,"pixelRatio":2,"width":28,"x":28,"y":56},"entrance-10":{"height":20,"pixelRatio":2,"width":20,"x":240,"y":140},"entrance-14":{"height":28,"pixelRatio":2,"width":28,"x":28,"y":84},"exit-10":{"height":20,"pixelRatio":2,"width":20,"x":260,"y":140},"exit-14":{"height":28,"pixelRatio":2,"width":28,"x":28,"y":112},"fast-food-14":{"height":28,"pixelRatio":2,"width":28,"x":28,"y":140},"ferry-14":{"height":28,"pixelRatio":2,"width":28,"x":28,"y":168},"fire-station-14":{"height":28,"pixelRatio":2,"width":28,"x":28,"y":196},"florist-14":{"height":28,"pixelRatio":2,"width":28,"x":28,"y":224},"ford-14":{"height":28,"pixelRatio":2,"width":28,"x":28,"y":252},"fort-14":{"height":28,"pixelRatio":2,"width":28,"x":28,"y":280},"fountain-14":{"height":28,"pixelRatio":2,"width":28,"x":28,"y":308},"fuel-14":{"height":28,"pixelRatio":2,"width":28,"x":28,"y":336},"furniture-14":{"height":28,"pixelRatio":2,"width":28,"x":28,"y":364},"garden-centre-14":{"height":28,"pixelRatio":2,"width":28,"x":28,"y":392},"gate-10":{"height":20,"pixelRatio":2,"width":20,"x":280,"y":140},"gate-14":{"height":28,"pixelRatio":2,"width":28,"x":28,"y":420},"gift-14":{"height":28,"pixelRatio":2,"width":28,"x":28,"y":448},"government-14":{"height":28,"pixelRatio":2,"width":28,"x":28,"y":476},"greengrocer-14":{"height":28,"pixelRatio":2,"width":28,"x":56,"y":56},"guidepost-14":{"height":28,"pixelRatio":2,"width":28,"x":84,"y":56},"hairdresser-14":{"height":28,"pixelRatio":2,"width":28,"x":112,"y":56},"heliport-14":{"height":28,"pixelRatio":2,"width":28,"x":140,"y":56},"hifi-14":{"height":28,"pixelRatio":2,"width":28,"x":168,"y":56},"hinduist-14":{"height":28,"pixelRatio":2,"width":28,"x":196,"y":56},"hospital-14":{"height":28,"pixelRatio":2,"width":28,"x":224,"y":56},"hostel-14":{"height":28,"pixelRatio":2,"width":28,"x":252,"y":56},"hotel-14":{"height":28,"pixelRatio":2,"width":28,"x":280,"y":56},"hunting-stand-14":{"height":28,"pixelRatio":2,"width":28,"x":308,"y":56},"ice-cream-14":{"height":28,"pixelRatio":2,"width":28,"x":336,"y":56},"information-14":{"height":28,"pixelRatio":2,"width":28,"x":364,"y":56},"jewellery-14":{"height":28,"pixelRatio":2,"width":28,"x":392,"y":56},"jewish-14":{"height":28,"pixelRatio":2,"width":28,"x":420,"y":56},"kiosk-14":{"height":28,"pixelRatio":2,"width":28,"x":448,"y":56},"laundry-14":{"height":28,"pixelRatio":2,"width":28,"x":476,"y":56},"library-14":{"height":28,"pixelRatio":2,"width":28,"x":56,"y":84},"lift-gate-10":{"height":20,"pixelRatio":2,"width":20,"x":300,"y":140},"lift-gate-14":{"height":28,"pixelRatio":2,"width":28,"x":56,"y":112},"lighthouse-14":{"height":28,"pixelRatio":2,"width":28,"x":56,"y":140},"luggage-14":{"height":28,"pixelRatio":2,"width":28,"x":56,"y":168},"mast-14":{"height":28,"pixelRatio":2,"width":28,"x":56,"y":196},"mast-communications-14":{"height":28,"pixelRatio":2,"width":28,"x":56,"y":224},"memorial-10":{"height":20,"pixelRatio":2,"width":20,"x":320,"y":140},"memorial-14":{"height":28,"pixelRatio":2,"width":28,"x":56,"y":252},"metro-14":{"height":28,"pixelRatio":2,"width":28,"x":56,"y":280},"mobile-phone-14":{"height":28,"pixelRatio":2,"width":28,"x":56,"y":308},"monument-14":{"height":28,"pixelRatio":2,"width":28,"x":56,"y":336},"motel-14":{"height":28,"pixelRatio":2,"width":28,"x":56,"y":364},"museum-14":{"height":28,"pixelRatio":2,"width":28,"x":56,"y":392},"muslim-14":{"height":28,"pixelRatio":2,"width":28,"x":56,"y":420},"news-14":{"height":28,"pixelRatio":2,"width":28,"x":56,"y":448},"nightclub-14":{"height":28,"pixelRatio":2,"width":28,"x":56,"y":476},"optician-14":{"height":28,"pixelRatio":2,"width":28,"x":84,"y":84},"parking-bicycle-14":{"height":28,"pixelRatio":2,"width":28,"x":112,"y":84},"parking-car-14":{"height":28,"pixelRatio":2,"width":28,"x":140,"y":84},"parking-garage-car-14":{"height":28,"pixelRatio":2,"width":28,"x":168,"y":84},"peak-10":{"height":20,"pixelRatio":2,"width":20,"x":340,"y":140},"peak-14":{"height":28,"pixelRatio":2,"width":28,"x":196,"y":84},"pet-14":{"height":28,"pixelRatio":2,"width":28,"x":224,"y":84},"pharmacy-14":{"height":28,"pixelRatio":2,"width":28,"x":252,"y":84},"photo-14":{"height":28,"pixelRatio":2,"width":28,"x":280,"y":84},"pin-14":{"height":28,"pixelRatio":2,"width":28,"x":308,"y":84},"pin-14-dark":{"height":28,"pixelRatio":2,"width":28,"x":336,"y":84},"place-of-worship-14":{"height":28,"pixelRatio":2,"width":28,"x":364,"y":84},"playground-14":{"height":28,"pixelRatio":2,"width":28,"x":392,"y":84},"police-14":{"height":28,"pixelRatio":2,"width":28,"x":420,"y":84},"post-office-10":{"height":20,"pixelRatio":2,"width":20,"x":360,"y":140},"post-office-14":{"height":28,"pixelRatio":2,"width":28,"x":448,"y":84},"power-wind-14":{"height":28,"pixelRatio":2,"width":28,"x":476,"y":84},"prison-14":{"height":28,"pixelRatio":2,"width":28,"x":84,"y":112},"pub-14":{"height":28,"pixelRatio":2,"width":28,"x":84,"y":140},"railway-halt-14":{"height":28,"pixelRatio":2,"width":28,"x":84,"y":168},"railway-station-14":{"height":28,"pixelRatio":2,"width":28,"x":84,"y":196},"recycling-14":{"height":28,"pixelRatio":2,"width":28,"x":84,"y":224},"rental-bicycle-14":{"height":28,"pixelRatio":2,"width":28,"x":84,"y":252},"rental-car-14":{"height":28,"pixelRatio":2,"width":28,"x":84,"y":280},"repair-bicycle-14":{"height":28,"pixelRatio":2,"width":28,"x":84,"y":308},"repair-car-14":{"height":28,"pixelRatio":2,"width":28,"x":84,"y":336},"restaurant-14":{"height":28,"pixelRatio":2,"width":28,"x":84,"y":364},"saddle-10":{"height":20,"pixelRatio":2,"width":20,"x":380,"y":140},"saddle-14":{"height":28,"pixelRatio":2,"width":28,"x":84,"y":392},"shared-car-14":{"height":28,"pixelRatio":2,"width":28,"x":84,"y":420},"shelter-14":{"height":28,"pixelRatio":2,"width":28,"x":84,"y":448},"shintoist-14":{"height":28,"pixelRatio":2,"width":28,"x":84,"y":476},"shoes-14":{"height":28,"pixelRatio":2,"width":28,"x":112,"y":112},"sikhist-14":{"height":28,"pixelRatio":2,"width":28,"x":140,"y":112},"spring-14":{"height":28,"pixelRatio":2,"width":28,"x":168,"y":112},"stationery-14":{"height":28,"pixelRatio":2,"width":28,"x":196,"y":112},"steps-10":{"height":20,"pixelRatio":2,"width":20,"x":400,"y":140},"steps-14":{"height":28,"pixelRatio":2,"width":28,"x":224,"y":112},"supermarket-14":{"height":28,"pixelRatio":2,"width":28,"x":252,"y":112},"swimming-14":{"height":28,"pixelRatio":2,"width":28,"x":280,"y":112},"table-14":{"height":28,"pixelRatio":2,"width":28,"x":308,"y":112},"taoist-14":{"height":28,"pixelRatio":2,"width":28,"x":336,"y":112},"taxi-14":{"height":28,"pixelRatio":2,"width":28,"x":364,"y":112},"telephone-14":{"height":28,"pixelRatio":2,"width":28,"x":392,"y":112},"theatre-14":{"height":28,"pixelRatio":2,"width":28,"x":420,"y":112},"toilets-14":{"height":28,"pixelRatio":2,"width":28,"x":448,"y":112},"town-hall-14":{"height":28,"pixelRatio":2,"width":28,"x":476,"y":112},"toys-14":{"height":28,"pixelRatio":2,"width":28,"x":112,"y":140},"tram-stop-14":{"height":28,"pixelRatio":2,"width":28,"x":112,"y":168},"tree-coniferous-14":{"height":28,"pixelRatio":2,"width":28,"x":112,"y":196},"tree-deciduous-14":{"height":28,"pixelRatio":2,"width":28,"x":112,"y":224},"tree-unspecified-14":{"height":28,"pixelRatio":2,"width":28,"x":112,"y":252},"veterinary-14":{"height":28,"pixelRatio":2,"width":28,"x":112,"y":280},"viewpoint-14":{"height":28,"pixelRatio":2,"width":28,"x":112,"y":308},"waste-basket-10":{"height":20,"pixelRatio":2,"width":20,"x":420,"y":140},"waste-basket-14":{"height":28,"pixelRatio":2,"width":28,"x":112,"y":336},"watchtower-14":{"height":28,"pixelRatio":2,"width":28,"x":112,"y":364},"water-tower-14":{"height":28,"pixelRatio":2,"width":28,"x":112,"y":392},"waterfall-14":{"height":28,"pixelRatio":2,"width":28,"x":112,"y":420},"wilderness-hut-14":{"height":28,"pixelRatio":2,"width":28,"x":112,"y":448},"windmill-14":{"height":28,"pixelRatio":2,"width":28,"x":112,"y":476}} \ No newline at end of file diff --git a/components/src/maplibre/MapStyle/sprite/sprite.png b/components/src/maplibre/MapStyle/sprite/sprite.png index c18c4705..d2db4d92 100644 Binary files a/components/src/maplibre/MapStyle/sprite/sprite.png and b/components/src/maplibre/MapStyle/sprite/sprite.png differ diff --git a/components/src/maplibre/MapStyle/sprite/sprite@2x.json b/components/src/maplibre/MapStyle/sprite/sprite@2x.json index 64603114..db7b95d9 100644 --- a/components/src/maplibre/MapStyle/sprite/sprite@2x.json +++ b/components/src/maplibre/MapStyle/sprite/sprite@2x.json @@ -1 +1 @@ -{"airport-14":{"height":56,"pixelRatio":4,"width":56,"x":0,"y":0},"alcohol-14":{"height":56,"pixelRatio":4,"width":56,"x":0,"y":56},"alpine-hut-14":{"height":56,"pixelRatio":4,"width":56,"x":0,"y":112},"archaeological-site-14":{"height":56,"pixelRatio":4,"width":56,"x":0,"y":168},"atm-14":{"height":56,"pixelRatio":4,"width":56,"x":0,"y":224},"bakery-14":{"height":56,"pixelRatio":4,"width":56,"x":0,"y":280},"bank-14":{"height":56,"pixelRatio":4,"width":56,"x":0,"y":336},"bar-14":{"height":56,"pixelRatio":4,"width":56,"x":0,"y":392},"basic-hut-14":{"height":56,"pixelRatio":4,"width":56,"x":0,"y":448},"beauty-14":{"height":56,"pixelRatio":4,"width":56,"x":56,"y":0},"bench-14":{"height":56,"pixelRatio":4,"width":56,"x":56,"y":56},"beverages-14":{"height":56,"pixelRatio":4,"width":56,"x":56,"y":112},"bicycle-14":{"height":56,"pixelRatio":4,"width":56,"x":56,"y":168},"biergarten-14":{"height":56,"pixelRatio":4,"width":56,"x":56,"y":224},"bollard-10":{"height":40,"pixelRatio":4,"width":40,"x":840,"y":392},"bollard-14":{"height":56,"pixelRatio":4,"width":56,"x":56,"y":280},"books-14":{"height":56,"pixelRatio":4,"width":56,"x":56,"y":336},"buddhist-14":{"height":56,"pixelRatio":4,"width":56,"x":56,"y":392},"bus-station-14":{"height":56,"pixelRatio":4,"width":56,"x":56,"y":448},"bus-stop-10":{"height":40,"pixelRatio":4,"width":40,"x":840,"y":432},"bus-stop-14":{"height":56,"pixelRatio":4,"width":56,"x":112,"y":0},"butcher-14":{"height":56,"pixelRatio":4,"width":56,"x":112,"y":56},"cafe-14":{"height":56,"pixelRatio":4,"width":56,"x":112,"y":112},"camping-14":{"height":56,"pixelRatio":4,"width":56,"x":112,"y":168},"car-14":{"height":56,"pixelRatio":4,"width":56,"x":112,"y":224},"car-parts-14":{"height":56,"pixelRatio":4,"width":56,"x":112,"y":280},"caravan-14":{"height":56,"pixelRatio":4,"width":56,"x":112,"y":336},"castle-defensive-14":{"height":56,"pixelRatio":4,"width":56,"x":112,"y":392},"castle-fortress-14":{"height":56,"pixelRatio":4,"width":56,"x":112,"y":448},"castle-manor-14":{"height":56,"pixelRatio":4,"width":56,"x":168,"y":0},"castle-palace-14":{"height":56,"pixelRatio":4,"width":56,"x":168,"y":56},"castle-stately-14":{"height":56,"pixelRatio":4,"width":56,"x":168,"y":112},"cattle-grid-10":{"height":40,"pixelRatio":4,"width":40,"x":840,"y":472},"cattle-grid-14":{"height":56,"pixelRatio":4,"width":56,"x":168,"y":168},"cemetery-14":{"height":56,"pixelRatio":4,"width":56,"x":168,"y":224},"charging-station-14":{"height":56,"pixelRatio":4,"width":56,"x":168,"y":280},"chemist-14":{"height":56,"pixelRatio":4,"width":56,"x":168,"y":336},"christian-14":{"height":56,"pixelRatio":4,"width":56,"x":168,"y":392},"christian-orthodox-14":{"height":56,"pixelRatio":4,"width":56,"x":168,"y":448},"cinema-14":{"height":56,"pixelRatio":4,"width":56,"x":224,"y":0},"city-gate-14":{"height":56,"pixelRatio":4,"width":56,"x":224,"y":56},"clock-14":{"height":56,"pixelRatio":4,"width":56,"x":224,"y":112},"clothes-14":{"height":56,"pixelRatio":4,"width":56,"x":224,"y":168},"computer-14":{"height":56,"pixelRatio":4,"width":56,"x":224,"y":224},"confectionery-14":{"height":56,"pixelRatio":4,"width":56,"x":224,"y":280},"convenience-14":{"height":56,"pixelRatio":4,"width":56,"x":224,"y":336},"copyshop-14":{"height":56,"pixelRatio":4,"width":56,"x":224,"y":392},"courthouse-10":{"height":40,"pixelRatio":4,"width":40,"x":880,"y":392},"courthouse-14":{"height":56,"pixelRatio":4,"width":56,"x":224,"y":448},"dentist-14":{"height":56,"pixelRatio":4,"width":56,"x":280,"y":0},"doctor-14":{"height":56,"pixelRatio":4,"width":56,"x":280,"y":56},"doityourself-14":{"height":56,"pixelRatio":4,"width":56,"x":280,"y":112},"drinking-water-14":{"height":56,"pixelRatio":4,"width":56,"x":280,"y":168},"electronics-14":{"height":56,"pixelRatio":4,"width":56,"x":280,"y":224},"elevator-14":{"height":56,"pixelRatio":4,"width":56,"x":280,"y":280},"embassy-10":{"height":40,"pixelRatio":4,"width":40,"x":896,"y":336},"embassy-14":{"height":56,"pixelRatio":4,"width":56,"x":280,"y":336},"emergency-phone-14":{"height":56,"pixelRatio":4,"width":56,"x":280,"y":392},"entrance-10":{"height":40,"pixelRatio":4,"width":40,"x":880,"y":432},"entrance-14":{"height":56,"pixelRatio":4,"width":56,"x":280,"y":448},"exit-10":{"height":40,"pixelRatio":4,"width":40,"x":880,"y":472},"exit-14":{"height":56,"pixelRatio":4,"width":56,"x":336,"y":0},"fast-food-14":{"height":56,"pixelRatio":4,"width":56,"x":336,"y":56},"ferry-14":{"height":56,"pixelRatio":4,"width":56,"x":336,"y":112},"fire-station-14":{"height":56,"pixelRatio":4,"width":56,"x":336,"y":168},"florist-14":{"height":56,"pixelRatio":4,"width":56,"x":336,"y":224},"ford-14":{"height":56,"pixelRatio":4,"width":56,"x":336,"y":280},"fort-14":{"height":56,"pixelRatio":4,"width":56,"x":336,"y":336},"fountain-14":{"height":56,"pixelRatio":4,"width":56,"x":336,"y":392},"fuel-14":{"height":56,"pixelRatio":4,"width":56,"x":336,"y":448},"furniture-14":{"height":56,"pixelRatio":4,"width":56,"x":392,"y":0},"garden-centre-14":{"height":56,"pixelRatio":4,"width":56,"x":392,"y":56},"gate-10":{"height":40,"pixelRatio":4,"width":40,"x":920,"y":376},"gate-14":{"height":56,"pixelRatio":4,"width":56,"x":392,"y":112},"gift-14":{"height":56,"pixelRatio":4,"width":56,"x":392,"y":168},"government-14":{"height":56,"pixelRatio":4,"width":56,"x":392,"y":224},"greengrocer-14":{"height":56,"pixelRatio":4,"width":56,"x":392,"y":280},"guidepost-14":{"height":56,"pixelRatio":4,"width":56,"x":392,"y":336},"hairdresser-14":{"height":56,"pixelRatio":4,"width":56,"x":392,"y":392},"heliport-14":{"height":56,"pixelRatio":4,"width":56,"x":392,"y":448},"hifi-14":{"height":56,"pixelRatio":4,"width":56,"x":448,"y":0},"hinduist-14":{"height":56,"pixelRatio":4,"width":56,"x":448,"y":56},"hospital-14":{"height":56,"pixelRatio":4,"width":56,"x":448,"y":112},"hostel-14":{"height":56,"pixelRatio":4,"width":56,"x":448,"y":168},"hotel-14":{"height":56,"pixelRatio":4,"width":56,"x":448,"y":224},"hunting-stand-14":{"height":56,"pixelRatio":4,"width":56,"x":448,"y":280},"ice-cream-14":{"height":56,"pixelRatio":4,"width":56,"x":448,"y":336},"information-14":{"height":56,"pixelRatio":4,"width":56,"x":448,"y":392},"jewellery-14":{"height":56,"pixelRatio":4,"width":56,"x":448,"y":448},"jewish-14":{"height":56,"pixelRatio":4,"width":56,"x":504,"y":0},"kiosk-14":{"height":56,"pixelRatio":4,"width":56,"x":504,"y":56},"laundry-14":{"height":56,"pixelRatio":4,"width":56,"x":504,"y":112},"library-14":{"height":56,"pixelRatio":4,"width":56,"x":504,"y":168},"lift-gate-10":{"height":40,"pixelRatio":4,"width":40,"x":936,"y":336},"lift-gate-14":{"height":56,"pixelRatio":4,"width":56,"x":504,"y":224},"lighthouse-14":{"height":56,"pixelRatio":4,"width":56,"x":504,"y":280},"luggage-14":{"height":56,"pixelRatio":4,"width":56,"x":504,"y":336},"mast-14":{"height":56,"pixelRatio":4,"width":56,"x":504,"y":392},"mast-communications-14":{"height":56,"pixelRatio":4,"width":56,"x":504,"y":448},"memorial-10":{"height":40,"pixelRatio":4,"width":40,"x":976,"y":336},"memorial-14":{"height":56,"pixelRatio":4,"width":56,"x":560,"y":0},"metro-14":{"height":56,"pixelRatio":4,"width":56,"x":616,"y":0},"mobile-phone-14":{"height":56,"pixelRatio":4,"width":56,"x":672,"y":0},"monument-14":{"height":56,"pixelRatio":4,"width":56,"x":728,"y":0},"motel-14":{"height":56,"pixelRatio":4,"width":56,"x":784,"y":0},"museum-14":{"height":56,"pixelRatio":4,"width":56,"x":840,"y":0},"muslim-14":{"height":56,"pixelRatio":4,"width":56,"x":896,"y":0},"news-14":{"height":56,"pixelRatio":4,"width":56,"x":952,"y":0},"nightclub-14":{"height":56,"pixelRatio":4,"width":56,"x":560,"y":56},"optician-14":{"height":56,"pixelRatio":4,"width":56,"x":560,"y":112},"parking-bicycle-14":{"height":56,"pixelRatio":4,"width":56,"x":560,"y":168},"parking-car-14":{"height":56,"pixelRatio":4,"width":56,"x":560,"y":224},"parking-garage-car-14":{"height":56,"pixelRatio":4,"width":56,"x":560,"y":280},"peak-10":{"height":40,"pixelRatio":4,"width":40,"x":960,"y":376},"peak-14":{"height":56,"pixelRatio":4,"width":56,"x":560,"y":336},"pet-14":{"height":56,"pixelRatio":4,"width":56,"x":560,"y":392},"pharmacy-14":{"height":56,"pixelRatio":4,"width":56,"x":560,"y":448},"photo-14":{"height":56,"pixelRatio":4,"width":56,"x":616,"y":56},"pin-14":{"height":56,"pixelRatio":4,"width":56,"x":672,"y":56},"place-of-worship-14":{"height":56,"pixelRatio":4,"width":56,"x":728,"y":56},"playground-14":{"height":56,"pixelRatio":4,"width":56,"x":784,"y":56},"police-14":{"height":56,"pixelRatio":4,"width":56,"x":840,"y":56},"post-office-10":{"height":40,"pixelRatio":4,"width":40,"x":920,"y":416},"post-office-14":{"height":56,"pixelRatio":4,"width":56,"x":896,"y":56},"power-wind-14":{"height":56,"pixelRatio":4,"width":56,"x":952,"y":56},"prison-14":{"height":56,"pixelRatio":4,"width":56,"x":616,"y":112},"pub-14":{"height":56,"pixelRatio":4,"width":56,"x":616,"y":168},"railway-halt-14":{"height":56,"pixelRatio":4,"width":56,"x":616,"y":224},"railway-station-14":{"height":56,"pixelRatio":4,"width":56,"x":616,"y":280},"recycling-14":{"height":56,"pixelRatio":4,"width":56,"x":616,"y":336},"rental-bicycle-14":{"height":56,"pixelRatio":4,"width":56,"x":616,"y":392},"rental-car-14":{"height":56,"pixelRatio":4,"width":56,"x":616,"y":448},"repair-bicycle-14":{"height":56,"pixelRatio":4,"width":56,"x":672,"y":112},"repair-car-14":{"height":56,"pixelRatio":4,"width":56,"x":728,"y":112},"restaurant-14":{"height":56,"pixelRatio":4,"width":56,"x":784,"y":112},"saddle-10":{"height":40,"pixelRatio":4,"width":40,"x":920,"y":456},"saddle-14":{"height":56,"pixelRatio":4,"width":56,"x":840,"y":112},"shared-car-14":{"height":56,"pixelRatio":4,"width":56,"x":896,"y":112},"shelter-14":{"height":56,"pixelRatio":4,"width":56,"x":952,"y":112},"shintoist-14":{"height":56,"pixelRatio":4,"width":56,"x":672,"y":168},"shoes-14":{"height":56,"pixelRatio":4,"width":56,"x":672,"y":224},"sikhist-14":{"height":56,"pixelRatio":4,"width":56,"x":672,"y":280},"spring-14":{"height":56,"pixelRatio":4,"width":56,"x":672,"y":336},"stationery-14":{"height":56,"pixelRatio":4,"width":56,"x":672,"y":392},"steps-10":{"height":40,"pixelRatio":4,"width":40,"x":960,"y":416},"steps-14":{"height":56,"pixelRatio":4,"width":56,"x":672,"y":448},"supermarket-14":{"height":56,"pixelRatio":4,"width":56,"x":728,"y":168},"swimming-14":{"height":56,"pixelRatio":4,"width":56,"x":784,"y":168},"table-14":{"height":56,"pixelRatio":4,"width":56,"x":840,"y":168},"taoist-14":{"height":56,"pixelRatio":4,"width":56,"x":896,"y":168},"taxi-14":{"height":56,"pixelRatio":4,"width":56,"x":952,"y":168},"telephone-14":{"height":56,"pixelRatio":4,"width":56,"x":728,"y":224},"theatre-14":{"height":56,"pixelRatio":4,"width":56,"x":728,"y":280},"toilets-14":{"height":56,"pixelRatio":4,"width":56,"x":728,"y":336},"town-hall-14":{"height":56,"pixelRatio":4,"width":56,"x":728,"y":392},"toys-14":{"height":56,"pixelRatio":4,"width":56,"x":728,"y":448},"tram-stop-14":{"height":56,"pixelRatio":4,"width":56,"x":784,"y":224},"tree-coniferous-14":{"height":56,"pixelRatio":4,"width":56,"x":840,"y":224},"tree-deciduous-14":{"height":56,"pixelRatio":4,"width":56,"x":896,"y":224},"tree-unspecified-14":{"height":56,"pixelRatio":4,"width":56,"x":952,"y":224},"veterinary-14":{"height":56,"pixelRatio":4,"width":56,"x":784,"y":280},"viewpoint-14":{"height":56,"pixelRatio":4,"width":56,"x":784,"y":336},"waste-basket-10":{"height":40,"pixelRatio":4,"width":40,"x":960,"y":456},"waste-basket-14":{"height":56,"pixelRatio":4,"width":56,"x":784,"y":392},"watchtower-14":{"height":56,"pixelRatio":4,"width":56,"x":784,"y":448},"water-tower-14":{"height":56,"pixelRatio":4,"width":56,"x":840,"y":280},"waterfall-14":{"height":56,"pixelRatio":4,"width":56,"x":896,"y":280},"wilderness-hut-14":{"height":56,"pixelRatio":4,"width":56,"x":952,"y":280},"windmill-14":{"height":56,"pixelRatio":4,"width":56,"x":840,"y":336}} \ No newline at end of file +{"airport-14":{"height":56,"pixelRatio":4,"width":56,"x":0,"y":0},"alcohol-14":{"height":56,"pixelRatio":4,"width":56,"x":56,"y":0},"alpine-hut-14":{"height":56,"pixelRatio":4,"width":56,"x":112,"y":0},"archaeological-site-14":{"height":56,"pixelRatio":4,"width":56,"x":168,"y":0},"atm-14":{"height":56,"pixelRatio":4,"width":56,"x":224,"y":0},"bakery-14":{"height":56,"pixelRatio":4,"width":56,"x":280,"y":0},"bank-14":{"height":56,"pixelRatio":4,"width":56,"x":336,"y":0},"bar-14":{"height":56,"pixelRatio":4,"width":56,"x":392,"y":0},"basic-hut-14":{"height":56,"pixelRatio":4,"width":56,"x":448,"y":0},"beauty-14":{"height":56,"pixelRatio":4,"width":56,"x":504,"y":0},"bench-14":{"height":56,"pixelRatio":4,"width":56,"x":560,"y":0},"beverages-14":{"height":56,"pixelRatio":4,"width":56,"x":616,"y":0},"bicycle-14":{"height":56,"pixelRatio":4,"width":56,"x":672,"y":0},"biergarten-14":{"height":56,"pixelRatio":4,"width":56,"x":728,"y":0},"bollard-10":{"height":40,"pixelRatio":4,"width":40,"x":280,"y":280},"bollard-14":{"height":56,"pixelRatio":4,"width":56,"x":784,"y":0},"books-14":{"height":56,"pixelRatio":4,"width":56,"x":840,"y":0},"buddhist-14":{"height":56,"pixelRatio":4,"width":56,"x":896,"y":0},"bus-station-14":{"height":56,"pixelRatio":4,"width":56,"x":952,"y":0},"bus-stop-10":{"height":40,"pixelRatio":4,"width":40,"x":320,"y":280},"bus-stop-14":{"height":56,"pixelRatio":4,"width":56,"x":0,"y":56},"butcher-14":{"height":56,"pixelRatio":4,"width":56,"x":0,"y":112},"cafe-14":{"height":56,"pixelRatio":4,"width":56,"x":0,"y":168},"camping-14":{"height":56,"pixelRatio":4,"width":56,"x":0,"y":224},"car-14":{"height":56,"pixelRatio":4,"width":56,"x":0,"y":280},"car-parts-14":{"height":56,"pixelRatio":4,"width":56,"x":0,"y":336},"caravan-14":{"height":56,"pixelRatio":4,"width":56,"x":0,"y":392},"castle-defensive-14":{"height":56,"pixelRatio":4,"width":56,"x":0,"y":448},"castle-fortress-14":{"height":56,"pixelRatio":4,"width":56,"x":0,"y":504},"castle-manor-14":{"height":56,"pixelRatio":4,"width":56,"x":0,"y":560},"castle-palace-14":{"height":56,"pixelRatio":4,"width":56,"x":0,"y":616},"castle-stately-14":{"height":56,"pixelRatio":4,"width":56,"x":0,"y":672},"cattle-grid-10":{"height":40,"pixelRatio":4,"width":40,"x":360,"y":280},"cattle-grid-14":{"height":56,"pixelRatio":4,"width":56,"x":0,"y":728},"cemetery-14":{"height":56,"pixelRatio":4,"width":56,"x":0,"y":784},"charging-station-14":{"height":56,"pixelRatio":4,"width":56,"x":0,"y":840},"chemist-14":{"height":56,"pixelRatio":4,"width":56,"x":0,"y":896},"christian-14":{"height":56,"pixelRatio":4,"width":56,"x":0,"y":952},"christian-orthodox-14":{"height":56,"pixelRatio":4,"width":56,"x":56,"y":56},"cinema-14":{"height":56,"pixelRatio":4,"width":56,"x":112,"y":56},"city-gate-14":{"height":56,"pixelRatio":4,"width":56,"x":168,"y":56},"clock-14":{"height":56,"pixelRatio":4,"width":56,"x":224,"y":56},"clothes-14":{"height":56,"pixelRatio":4,"width":56,"x":280,"y":56},"computer-14":{"height":56,"pixelRatio":4,"width":56,"x":336,"y":56},"confectionery-14":{"height":56,"pixelRatio":4,"width":56,"x":392,"y":56},"convenience-14":{"height":56,"pixelRatio":4,"width":56,"x":448,"y":56},"copyshop-14":{"height":56,"pixelRatio":4,"width":56,"x":504,"y":56},"courthouse-10":{"height":40,"pixelRatio":4,"width":40,"x":400,"y":280},"courthouse-14":{"height":56,"pixelRatio":4,"width":56,"x":560,"y":56},"dentist-14":{"height":56,"pixelRatio":4,"width":56,"x":616,"y":56},"doctor-14":{"height":56,"pixelRatio":4,"width":56,"x":672,"y":56},"doityourself-14":{"height":56,"pixelRatio":4,"width":56,"x":728,"y":56},"drinking-water-14":{"height":56,"pixelRatio":4,"width":56,"x":784,"y":56},"electronics-14":{"height":56,"pixelRatio":4,"width":56,"x":840,"y":56},"elevator-14":{"height":56,"pixelRatio":4,"width":56,"x":896,"y":56},"embassy-10":{"height":40,"pixelRatio":4,"width":40,"x":440,"y":280},"embassy-14":{"height":56,"pixelRatio":4,"width":56,"x":952,"y":56},"emergency-phone-14":{"height":56,"pixelRatio":4,"width":56,"x":56,"y":112},"entrance-10":{"height":40,"pixelRatio":4,"width":40,"x":480,"y":280},"entrance-14":{"height":56,"pixelRatio":4,"width":56,"x":56,"y":168},"exit-10":{"height":40,"pixelRatio":4,"width":40,"x":520,"y":280},"exit-14":{"height":56,"pixelRatio":4,"width":56,"x":56,"y":224},"fast-food-14":{"height":56,"pixelRatio":4,"width":56,"x":56,"y":280},"ferry-14":{"height":56,"pixelRatio":4,"width":56,"x":56,"y":336},"fire-station-14":{"height":56,"pixelRatio":4,"width":56,"x":56,"y":392},"florist-14":{"height":56,"pixelRatio":4,"width":56,"x":56,"y":448},"ford-14":{"height":56,"pixelRatio":4,"width":56,"x":56,"y":504},"fort-14":{"height":56,"pixelRatio":4,"width":56,"x":56,"y":560},"fountain-14":{"height":56,"pixelRatio":4,"width":56,"x":56,"y":616},"fuel-14":{"height":56,"pixelRatio":4,"width":56,"x":56,"y":672},"furniture-14":{"height":56,"pixelRatio":4,"width":56,"x":56,"y":728},"garden-centre-14":{"height":56,"pixelRatio":4,"width":56,"x":56,"y":784},"gate-10":{"height":40,"pixelRatio":4,"width":40,"x":560,"y":280},"gate-14":{"height":56,"pixelRatio":4,"width":56,"x":56,"y":840},"gift-14":{"height":56,"pixelRatio":4,"width":56,"x":56,"y":896},"government-14":{"height":56,"pixelRatio":4,"width":56,"x":56,"y":952},"greengrocer-14":{"height":56,"pixelRatio":4,"width":56,"x":112,"y":112},"guidepost-14":{"height":56,"pixelRatio":4,"width":56,"x":168,"y":112},"hairdresser-14":{"height":56,"pixelRatio":4,"width":56,"x":224,"y":112},"heliport-14":{"height":56,"pixelRatio":4,"width":56,"x":280,"y":112},"hifi-14":{"height":56,"pixelRatio":4,"width":56,"x":336,"y":112},"hinduist-14":{"height":56,"pixelRatio":4,"width":56,"x":392,"y":112},"hospital-14":{"height":56,"pixelRatio":4,"width":56,"x":448,"y":112},"hostel-14":{"height":56,"pixelRatio":4,"width":56,"x":504,"y":112},"hotel-14":{"height":56,"pixelRatio":4,"width":56,"x":560,"y":112},"hunting-stand-14":{"height":56,"pixelRatio":4,"width":56,"x":616,"y":112},"ice-cream-14":{"height":56,"pixelRatio":4,"width":56,"x":672,"y":112},"information-14":{"height":56,"pixelRatio":4,"width":56,"x":728,"y":112},"jewellery-14":{"height":56,"pixelRatio":4,"width":56,"x":784,"y":112},"jewish-14":{"height":56,"pixelRatio":4,"width":56,"x":840,"y":112},"kiosk-14":{"height":56,"pixelRatio":4,"width":56,"x":896,"y":112},"laundry-14":{"height":56,"pixelRatio":4,"width":56,"x":952,"y":112},"library-14":{"height":56,"pixelRatio":4,"width":56,"x":112,"y":168},"lift-gate-10":{"height":40,"pixelRatio":4,"width":40,"x":600,"y":280},"lift-gate-14":{"height":56,"pixelRatio":4,"width":56,"x":112,"y":224},"lighthouse-14":{"height":56,"pixelRatio":4,"width":56,"x":112,"y":280},"luggage-14":{"height":56,"pixelRatio":4,"width":56,"x":112,"y":336},"mast-14":{"height":56,"pixelRatio":4,"width":56,"x":112,"y":392},"mast-communications-14":{"height":56,"pixelRatio":4,"width":56,"x":112,"y":448},"memorial-10":{"height":40,"pixelRatio":4,"width":40,"x":640,"y":280},"memorial-14":{"height":56,"pixelRatio":4,"width":56,"x":112,"y":504},"metro-14":{"height":56,"pixelRatio":4,"width":56,"x":112,"y":560},"mobile-phone-14":{"height":56,"pixelRatio":4,"width":56,"x":112,"y":616},"monument-14":{"height":56,"pixelRatio":4,"width":56,"x":112,"y":672},"motel-14":{"height":56,"pixelRatio":4,"width":56,"x":112,"y":728},"museum-14":{"height":56,"pixelRatio":4,"width":56,"x":112,"y":784},"muslim-14":{"height":56,"pixelRatio":4,"width":56,"x":112,"y":840},"news-14":{"height":56,"pixelRatio":4,"width":56,"x":112,"y":896},"nightclub-14":{"height":56,"pixelRatio":4,"width":56,"x":112,"y":952},"optician-14":{"height":56,"pixelRatio":4,"width":56,"x":168,"y":168},"parking-bicycle-14":{"height":56,"pixelRatio":4,"width":56,"x":224,"y":168},"parking-car-14":{"height":56,"pixelRatio":4,"width":56,"x":280,"y":168},"parking-garage-car-14":{"height":56,"pixelRatio":4,"width":56,"x":336,"y":168},"peak-10":{"height":40,"pixelRatio":4,"width":40,"x":680,"y":280},"peak-14":{"height":56,"pixelRatio":4,"width":56,"x":392,"y":168},"pet-14":{"height":56,"pixelRatio":4,"width":56,"x":448,"y":168},"pharmacy-14":{"height":56,"pixelRatio":4,"width":56,"x":504,"y":168},"photo-14":{"height":56,"pixelRatio":4,"width":56,"x":560,"y":168},"pin-14":{"height":56,"pixelRatio":4,"width":56,"x":616,"y":168},"pin-14-dark":{"height":56,"pixelRatio":4,"width":56,"x":672,"y":168},"place-of-worship-14":{"height":56,"pixelRatio":4,"width":56,"x":728,"y":168},"playground-14":{"height":56,"pixelRatio":4,"width":56,"x":784,"y":168},"police-14":{"height":56,"pixelRatio":4,"width":56,"x":840,"y":168},"post-office-10":{"height":40,"pixelRatio":4,"width":40,"x":720,"y":280},"post-office-14":{"height":56,"pixelRatio":4,"width":56,"x":896,"y":168},"power-wind-14":{"height":56,"pixelRatio":4,"width":56,"x":952,"y":168},"prison-14":{"height":56,"pixelRatio":4,"width":56,"x":168,"y":224},"pub-14":{"height":56,"pixelRatio":4,"width":56,"x":168,"y":280},"railway-halt-14":{"height":56,"pixelRatio":4,"width":56,"x":168,"y":336},"railway-station-14":{"height":56,"pixelRatio":4,"width":56,"x":168,"y":392},"recycling-14":{"height":56,"pixelRatio":4,"width":56,"x":168,"y":448},"rental-bicycle-14":{"height":56,"pixelRatio":4,"width":56,"x":168,"y":504},"rental-car-14":{"height":56,"pixelRatio":4,"width":56,"x":168,"y":560},"repair-bicycle-14":{"height":56,"pixelRatio":4,"width":56,"x":168,"y":616},"repair-car-14":{"height":56,"pixelRatio":4,"width":56,"x":168,"y":672},"restaurant-14":{"height":56,"pixelRatio":4,"width":56,"x":168,"y":728},"saddle-10":{"height":40,"pixelRatio":4,"width":40,"x":760,"y":280},"saddle-14":{"height":56,"pixelRatio":4,"width":56,"x":168,"y":784},"shared-car-14":{"height":56,"pixelRatio":4,"width":56,"x":168,"y":840},"shelter-14":{"height":56,"pixelRatio":4,"width":56,"x":168,"y":896},"shintoist-14":{"height":56,"pixelRatio":4,"width":56,"x":168,"y":952},"shoes-14":{"height":56,"pixelRatio":4,"width":56,"x":224,"y":224},"sikhist-14":{"height":56,"pixelRatio":4,"width":56,"x":280,"y":224},"spring-14":{"height":56,"pixelRatio":4,"width":56,"x":336,"y":224},"stationery-14":{"height":56,"pixelRatio":4,"width":56,"x":392,"y":224},"steps-10":{"height":40,"pixelRatio":4,"width":40,"x":800,"y":280},"steps-14":{"height":56,"pixelRatio":4,"width":56,"x":448,"y":224},"supermarket-14":{"height":56,"pixelRatio":4,"width":56,"x":504,"y":224},"swimming-14":{"height":56,"pixelRatio":4,"width":56,"x":560,"y":224},"table-14":{"height":56,"pixelRatio":4,"width":56,"x":616,"y":224},"taoist-14":{"height":56,"pixelRatio":4,"width":56,"x":672,"y":224},"taxi-14":{"height":56,"pixelRatio":4,"width":56,"x":728,"y":224},"telephone-14":{"height":56,"pixelRatio":4,"width":56,"x":784,"y":224},"theatre-14":{"height":56,"pixelRatio":4,"width":56,"x":840,"y":224},"toilets-14":{"height":56,"pixelRatio":4,"width":56,"x":896,"y":224},"town-hall-14":{"height":56,"pixelRatio":4,"width":56,"x":952,"y":224},"toys-14":{"height":56,"pixelRatio":4,"width":56,"x":224,"y":280},"tram-stop-14":{"height":56,"pixelRatio":4,"width":56,"x":224,"y":336},"tree-coniferous-14":{"height":56,"pixelRatio":4,"width":56,"x":224,"y":392},"tree-deciduous-14":{"height":56,"pixelRatio":4,"width":56,"x":224,"y":448},"tree-unspecified-14":{"height":56,"pixelRatio":4,"width":56,"x":224,"y":504},"veterinary-14":{"height":56,"pixelRatio":4,"width":56,"x":224,"y":560},"viewpoint-14":{"height":56,"pixelRatio":4,"width":56,"x":224,"y":616},"waste-basket-10":{"height":40,"pixelRatio":4,"width":40,"x":840,"y":280},"waste-basket-14":{"height":56,"pixelRatio":4,"width":56,"x":224,"y":672},"watchtower-14":{"height":56,"pixelRatio":4,"width":56,"x":224,"y":728},"water-tower-14":{"height":56,"pixelRatio":4,"width":56,"x":224,"y":784},"waterfall-14":{"height":56,"pixelRatio":4,"width":56,"x":224,"y":840},"wilderness-hut-14":{"height":56,"pixelRatio":4,"width":56,"x":224,"y":896},"windmill-14":{"height":56,"pixelRatio":4,"width":56,"x":224,"y":952}} \ No newline at end of file diff --git a/components/src/maplibre/MapStyle/sprite/sprite@2x.png b/components/src/maplibre/MapStyle/sprite/sprite@2x.png index b9e9129c..5a216099 100644 Binary files a/components/src/maplibre/MapStyle/sprite/sprite@2x.png and b/components/src/maplibre/MapStyle/sprite/sprite@2x.png differ diff --git a/components/src/maplibre/MapStyle/storyLocations.ts b/components/src/maplibre/MapStyle/storyLocations.ts new file mode 100644 index 00000000..6c39b7b1 --- /dev/null +++ b/components/src/maplibre/MapStyle/storyLocations.ts @@ -0,0 +1,22 @@ +const locations = { + germany: { lng: 10.962488768573053, lat: 50.958636214954396, zoom: 5 }, + stugge: { lng: 9.181, lat: 48.772, zoom: 13.5 }, + berlin: { lng: 13.399, lat: 52.5159, zoom: 12.1977 }, + frankfurt: { lng: 8.68834, lat: 50.1082, zoom: 11.7923 }, + badenBaden: { lng: 8.23986, lat: 48.7595, zoom: 14.99, pitch: 0 }, + bodensee: { lng: 9.299862991860664, lat: 47.6693427120762, zoom: 9.098834549261177, pitch: 0 }, + motorwayz14: { + lng: 13.557043617975637, + lat: 52.31981845532215, + zoom: 14.215291362684706, + pitch: 0 + }, + buildings: { + lng: 9.180503103314436, + lat: 48.77521391139953, + zoom: 16, + pitch: 45 + } +}; + +export default locations; diff --git a/components/src/maplibre/MapStyle/tokens.ts b/components/src/maplibre/MapStyle/tokens.ts deleted file mode 100644 index bdb4d06d..00000000 --- a/components/src/maplibre/MapStyle/tokens.ts +++ /dev/null @@ -1,24 +0,0 @@ -const tokens = { - sans_regular: ['SWR Sans Regular'], - sans_medium: ['SWR Sans Medium'], - sans_bold: ['SWR Sans Bold'], - background: 'hsl(24, 29%, 98.5%)', - water: 'hsl(210, 71%, 83%)', - water_light: 'hsl(210, 41%, 90%)', - water_ocean: 'hsl(209, 57%, 84%)', - marsh: 'hsl(200, 14%, 97%)', - grass: 'hsl(133, 36%, 95%)', - grass_dark: 'hsl(127, 49%, 93%)', - street_primary: 'hsl(0, 4%, 95%)', - street_primary_case: 'hsl(240, 1%, 84%)', - street_secondary: 'hsl(0, 0%, 95%)', - street_secondary_case: 'hsl(0, 0%, 75%)', - street_tertiary: 'hsl(0, 0%, 95%)', - street_tertiary_case: 'hsl(0, 0%, 70%)', - label_primary: 'hsl(240, 10%, 2%)', - label_secondary: 'hsl(0, 0%, 18%)', - label_tertiary: 'hsl(60, 1%, 50%)', - building: '#f3f2f1' -}; - -export default tokens; diff --git a/components/src/maplibre/NavigationControl/NavigationControl.stories.svelte b/components/src/maplibre/NavigationControl/NavigationControl.stories.svelte index d1615ef5..66e4fcb2 100644 --- a/components/src/maplibre/NavigationControl/NavigationControl.stories.svelte +++ b/components/src/maplibre/NavigationControl/NavigationControl.stories.svelte @@ -12,7 +12,7 @@ - +
diff --git a/components/src/maplibre/NavigationControl/NavigationControl.svelte b/components/src/maplibre/NavigationControl/NavigationControl.svelte index b0612852..bd00c00d 100644 --- a/components/src/maplibre/NavigationControl/NavigationControl.svelte +++ b/components/src/maplibre/NavigationControl/NavigationControl.svelte @@ -21,16 +21,31 @@ diff --git a/components/src/maplibre/ScaleControl/ScaleControl.stories.svelte b/components/src/maplibre/ScaleControl/ScaleControl.stories.svelte index cac2f68f..3351049c 100644 --- a/components/src/maplibre/ScaleControl/ScaleControl.stories.svelte +++ b/components/src/maplibre/ScaleControl/ScaleControl.stories.svelte @@ -5,7 +5,7 @@ import ScaleControl from './ScaleControl.svelte'; import DesignTokens from '../../DesignTokens/DesignTokens.svelte'; import Map from '../Map/Map.svelte'; - import { SWRDataLabLight } from '../MapStyle'; + import { SWRDataLabLight, SWRDataLabDark } from '../MapStyle'; const { Story } = defineMeta({ title: 'Maplibre/Control/ScaleControl', @@ -29,7 +29,7 @@ }); }} > - +
@@ -54,7 +54,7 @@ }); }} > - +
diff --git a/components/src/maplibre/ScaleControl/ScaleControl.svelte b/components/src/maplibre/ScaleControl/ScaleControl.svelte index 8cf874cb..4e8ec9aa 100644 --- a/components/src/maplibre/ScaleControl/ScaleControl.svelte +++ b/components/src/maplibre/ScaleControl/ScaleControl.svelte @@ -16,6 +16,7 @@ :global { .maplibregl-ctrl-scale { color: inherit; + color: var(--color-textPrimary); border-bottom: 1px solid currentColor; font-weight: 400; font-size: var(--fs-small-3); diff --git a/components/src/maplibre/Tooltip/Tooltip.stories.svelte b/components/src/maplibre/Tooltip/Tooltip.stories.svelte index 87d18e5b..798e6dd6 100644 --- a/components/src/maplibre/Tooltip/Tooltip.stories.svelte +++ b/components/src/maplibre/Tooltip/Tooltip.stories.svelte @@ -24,7 +24,7 @@ - +
- +
.container { - background: white; + background: var(--color-surfaceFill); + color: var(--color-textPrimary); padding: 0.75em; border: 1px solid rgba(0, 0, 0, 0.75); filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 0.1)); @@ -171,7 +172,7 @@ .maplibregl-popup-tip { width: 0.65rem; height: 0.65rem; - background: white; + background: var(--color-surfaceFill); position: absolute; border-right: 1px solid var(--gray-dark-5); border-bottom: 1px solid var(--gray-dark-5); diff --git a/components/src/maplibre/VectorLayer/VectorLayer.stories.svelte b/components/src/maplibre/VectorLayer/VectorLayer.stories.svelte index cb40ea4f..c87fab9b 100644 --- a/components/src/maplibre/VectorLayer/VectorLayer.stories.svelte +++ b/components/src/maplibre/VectorLayer/VectorLayer.stories.svelte @@ -26,7 +26,7 @@ - +
- +
- +
@@ -96,7 +96,7 @@ 'icon-image': ['image', 'pin-14'] }} /> - +
diff --git a/components/src/maplibre/VectorTileSource/VectorTileSource.stories.svelte b/components/src/maplibre/VectorTileSource/VectorTileSource.stories.svelte index 03269e39..fc32345e 100644 --- a/components/src/maplibre/VectorTileSource/VectorTileSource.stories.svelte +++ b/components/src/maplibre/VectorTileSource/VectorTileSource.stories.svelte @@ -14,7 +14,7 @@ - +
- +