@maptiler/sdk 1.0.0

package/src/index.ts

@@ -0,0 +1,171 @@
+/**
+ * Maplibre export first, then extensions can overload the exports.
+ */
+export * from "maplibre-gl";
+
+/**
+ * To perform explicit named export so that they are included in the UMD bundle
+ */
+// import * as ML from "maplibre-gl";
+
+import maplibregl from "maplibre-gl";
+
+const {
+  supported,
+  setRTLTextPlugin,
+  getRTLTextPluginStatus,
+  NavigationControl,
+  GeolocateControl,
+  AttributionControl,
+  LogoControl,
+  ScaleControl,
+  FullscreenControl,
+  TerrainControl,
+  Popup,
+  Marker,
+  Style,
+  LngLat,
+  LngLatBounds,
+  MercatorCoordinate,
+  Evented,
+  AJAXError,
+  CanvasSource,
+  GeoJSONSource,
+  ImageSource,
+  RasterDEMTileSource,
+  RasterTileSource,
+  VectorTileSource,
+  VideoSource,
+  prewarm,
+  clearPrewarmedResources,
+  version,
+  workerCount,
+  maxParallelImageRequests,
+  clearStorage,
+  workerUrl,
+  addProtocol,
+  removeProtocol,
+
+  // isSafari,
+  // getPerformanceMetrics,
+  // config,
+  // Point,
+} = maplibregl;
+
+export {
+  supported,
+  setRTLTextPlugin,
+  getRTLTextPluginStatus,
+  // Map,
+  NavigationControl,
+  GeolocateControl,
+  AttributionControl,
+  LogoControl,
+  ScaleControl,
+  FullscreenControl,
+  TerrainControl,
+  Popup,
+  Marker,
+  Style,
+  LngLat,
+  LngLatBounds,
+  // Point,
+  MercatorCoordinate,
+  Evented,
+  AJAXError,
+  // config,
+  CanvasSource,
+  GeoJSONSource,
+  ImageSource,
+  RasterDEMTileSource,
+  RasterTileSource,
+  VectorTileSource,
+  VideoSource,
+  prewarm,
+  clearPrewarmedResources,
+  version,
+  workerCount,
+  maxParallelImageRequests,
+  clearStorage,
+  workerUrl,
+  addProtocol,
+  removeProtocol,
+  // isSafari,
+  // getPerformanceMetrics
+};
+
+import { Map, GeolocationType } from "./Map";
+import type { MapOptions } from "./Map";
+
+// importing client functions to expose them as part of the SDK
+import type {
+  BBox,
+  Position,
+  GeocodingOptions,
+  CoordinatesSearchOptions,
+  CenteredStaticMapOptions,
+  AutomaticStaticMapOptions,
+  BoundedStaticMapOptions,
+} from "@maptiler/client";
+
+import {
+  geocoding,
+  geolocation,
+  coordinates,
+  data,
+  staticMaps,
+  ServiceError,
+  LanguageGeocoding,
+  LanguageGeocodingString,
+  ReferenceMapStyle,
+  MapStyle,
+  MapStyleVariant,
+} from "@maptiler/client";
+
+import type { MapStyleType } from "@maptiler/client";
+
+import { Point } from "./Point";
+import type { Matrix2 } from "./Point";
+
+// Importing enums and configs
+import { config, SdkConfig } from "./config";
+import { Language, LanguageString, LanguageKey } from "./language";
+import type { Unit } from "./unit";
+
+// Exporting types
+export type {
+  MapOptions,
+  GeocodingOptions,
+  BBox,
+  Position,
+  CoordinatesSearchOptions,
+  CenteredStaticMapOptions,
+  BoundedStaticMapOptions,
+  AutomaticStaticMapOptions,
+  LanguageString,
+  LanguageKey,
+  LanguageGeocodingString,
+  Unit,
+  MapStyleType,
+  Matrix2,
+};
+
+// Exporting classes, objects, functions, etc.
+export {
+  Map,
+  GeolocationType,
+  SdkConfig,
+  config,
+  ServiceError,
+  geocoding,
+  geolocation,
+  coordinates,
+  data,
+  staticMaps,
+  MapStyle,
+  Language,
+  LanguageGeocoding,
+  Point,
+  ReferenceMapStyle,
+  MapStyleVariant,
+};

package/src/language.ts

@@ -0,0 +1,139 @@
+/**
+ * Languages. Note that not all the languages of this list are available but the compatibility list may be expanded in the future.
+ */
+const Language = {
+  /**
+   * AUTO mode uses the language of the browser
+   */
+  AUTO: "auto",
+
+  /**
+   * Default fallback languages that uses latin charaters
+   */
+  LATIN: "latin",
+
+  /**
+   * Default fallback languages that uses non-latin charaters
+   */
+  NON_LATIN: "nonlatin",
+
+  /**
+   * Labels are in their local language, when available
+   */
+  LOCAL: "",
+
+  ALBANIAN: "sq",
+  AMHARIC: "am",
+  ARABIC: "ar",
+  ARMENIAN: "hy",
+  AZERBAIJANI: "az",
+  BASQUE: "eu",
+  BELORUSSIAN: "be",
+  BOSNIAN: "bs",
+  BRETON: "br",
+  BULGARIAN: "bg",
+  CATALAN: "ca",
+  CHINESE: "zh",
+  CORSICAN: "co",
+  CROATIAN: "hr",
+  CZECH: "cs",
+  DANISH: "da",
+  DUTCH: "nl",
+  ENGLISH: "en",
+  ESPERANTO: "eo",
+  ESTONIAN: "et",
+  FINNISH: "fi",
+  FRENCH: "fr",
+  FRISIAN: "fy",
+  GEORGIAN: "ka",
+  GERMAN: "de",
+  GREEK: "el",
+  HEBREW: "he",
+  HINDI: "hi",
+  HUNGARIAN: "hu",
+  ICELANDIC: "is",
+  INDONESIAN: "id",
+  IRISH: "ga",
+  ITALIAN: "it",
+  JAPANESE: "ja",
+  JAPANESE_HIRAGANA: "ja-Hira",
+  JAPANESE_KANA: "ja_kana",
+  JAPANESE_LATIN: "ja_rm",
+  JAPANESE_2018: "ja-Latn",
+  KANNADA: "kn",
+  KAZAKH: "kk",
+  KOREAN: "ko",
+  KOREAN_LATIN: "ko-Latn",
+  KURDISH: "ku",
+  ROMAN_LATIN: "la",
+  LATVIAN: "lv",
+  LITHUANIAN: "lt",
+  LUXEMBOURGISH: "lb",
+  MACEDONIAN: "mk",
+  MALAYALAM: "ml",
+  MALTESE: "mt",
+  NORWEGIAN: "no",
+  OCCITAN: "oc",
+  POLISH: "pl",
+  PORTUGUESE: "pt",
+  ROMANIAN: "ro",
+  ROMANSH: "rm",
+  RUSSIAN: "ru",
+  SCOTTISH_GAELIC: "gd",
+  SERBIAN_CYRILLIC: "sr",
+  SERBIAN_LATIN: "sr-Latn",
+  SLOVAK: "sk",
+  SLOVENE: "sl",
+  SPANISH: "es",
+  SWEDISH: "sv",
+  TAMIL: "ta",
+  TELUGU: "te",
+  THAI: "th",
+  TURKISH: "tr",
+  UKRAINIAN: "uk",
+  WELSH: "cy",
+} as const;
+
+const languagesIsoSet = new Set(Object.values(Language) as Array<string>);
+
+function isLanguageSupported(lang: string): boolean {
+  return languagesIsoSet.has(lang);
+}
+
+const languageCodeSet = new Set(Object.values(Language));
+
+/**
+ * Type representing the key of the Language object
+ */
+type LanguageKey = keyof typeof Language;
+
+type Values<T> = T[keyof T];
+
+/**
+ * Built-in languages values as strings
+ */
+type LanguageString = Values<typeof Language>;
+
+function getBrowserLanguage(): LanguageString {
+  if (typeof navigator === "undefined") {
+    return Intl.DateTimeFormat()
+      .resolvedOptions()
+      .locale.split("-")[0] as LanguageString;
+  }
+
+  const canditatelangs = Array.from(
+    new Set(navigator.languages.map((l) => l.split("-")[0]))
+  ).filter((l) => languageCodeSet.has(l as LanguageString));
+
+  return canditatelangs.length
+    ? (canditatelangs[0] as LanguageString)
+    : Language.LATIN;
+}
+
+export {
+  Language,
+  LanguageString,
+  LanguageKey,
+  getBrowserLanguage,
+  isLanguageSupported,
+};

package/src/mapstyle.ts

@@ -0,0 +1,38 @@
+import {
+  MapStyle,
+  ReferenceMapStyle,
+  MapStyleVariant,
+  mapStylePresetList,
+  expandMapStyle,
+} from "@maptiler/client";
+
+export function styleToStyle(
+  style:
+    | string
+    | ReferenceMapStyle
+    | MapStyleVariant
+    | maplibregl.StyleSpecification
+    | null
+    | undefined
+): string | maplibregl.StyleSpecification {
+  if (!style) {
+    return MapStyle[mapStylePresetList[0].referenceStyleID]
+      .getDefaultVariant()
+      .getExpandedStyleURL();
+  }
+
+  // If the provided style is a shorthand (eg. "streets-v2") or a full style URL
+  if (typeof style === "string" || style instanceof String) {
+    return expandMapStyle(style);
+  }
+
+  if (style instanceof MapStyleVariant) {
+    return style.getExpandedStyleURL();
+  }
+
+  if (style instanceof ReferenceMapStyle) {
+    return (style.getDefaultVariant() as MapStyleVariant).getExpandedStyleURL();
+  }
+
+  return style as maplibregl.StyleSpecification;
+}

package/src/style/style_template.css

@@ -0,0 +1,146 @@
+
+.mapboxgl-ctrl-group:not(:empty), .maplibregl-ctrl-group:not(:empty) {
+  box-shadow: 0 0 6px 2px rgb(0 0 0 / 8%);
+}
+
+
+.mapboxgl-ctrl-group, .maplibregl-ctrl-group {
+  background: #fff;
+  border-radius: 3px;
+}
+
+
+.mapboxgl-ctrl-group button:focus:first-child,.maplibregl-ctrl-group button:focus:first-child {
+  border-radius: 3px 3px 0 0;
+}
+
+.mapboxgl-ctrl-group button:focus:last-child,.maplibregl-ctrl-group button:focus:last-child {
+  border-radius: 0 0 3px 3px;
+}
+
+/* We do not want opacity to be lowered when buttons are disabled */
+.maplibregl-ctrl button:disabled .maplibregl-ctrl-icon {
+  opacity: 1;
+}
+
+/* Hovering adds a blue hue */
+.mapboxgl-ctrl .mapboxgl-ctrl-icon:hover,.maplibregl-ctrl .maplibregl-ctrl-icon:hover
+{
+  filter: invert(39%) sepia(77%) saturate(909%) hue-rotate(182deg) brightness(89%) contrast(85%);
+}
+
+
+.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon,.maplibregl-ctrl button.maplibregl-ctrl-zoom-in .maplibregl-ctrl-icon
+{
+  background-image: url([src/style/svg/v6-zoom-plus.svg]);
+}
+
+
+.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon,.maplibregl-ctrl button.maplibregl-ctrl-zoom-out .maplibregl-ctrl-icon
+{
+  background-image: url([src/style/svg/v6-zoom-minus.svg]);
+}
+
+
+.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon,.maplibregl-ctrl button.maplibregl-ctrl-compass .maplibregl-ctrl-icon
+{
+  /* Custom based on Google compass icon but without the circle */
+  background-image: url([src/style/svg/v6-compass.svg]);
+}
+
+
+.mapboxgl-ctrl-group button,.maplibregl-ctrl-group button
+{
+  height: 33px;
+  width: 33px;
+}
+
+
+.mapboxgl-ctrl-group button+button,.maplibregl-ctrl-group button+button
+{
+  border-top: 1px solid #0000001c;
+}
+
+
+@keyframes blinker {
+  50% {
+    opacity: 0.3;
+  }
+}
+
+/* Geolocate button: default button state before being clicked */
+.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon,.maplibregl-ctrl button.maplibregl-ctrl-geolocate .maplibregl-ctrl-icon
+{
+  background-image: url([src/style/svg/v6-geolocate.svg]);
+}
+
+
+/* Geolocate button: searching for location */
+.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-waiting .maplibregl-ctrl-icon {
+  animation: blinker 1s linear infinite;
+}
+
+/* Geolocate button: permission was not granted */
+.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon,.maplibregl-ctrl button.maplibregl-ctrl-geolocate:disabled .maplibregl-ctrl-icon
+{
+  background-image: url([src/style/svg/v6-geolocate-disabled.svg]);
+}
+
+/* Geolocate button: location is active */
+.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon,.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-active .maplibregl-ctrl-icon
+{
+  background-image: url([src/style/svg/v6-geolocate-active.svg]);
+}
+
+/* Geolocate button: an error occured */
+.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon,.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-active-error .maplibregl-ctrl-icon
+{
+  background-image: url([src/style/svg/v6-geolocate-active-error.svg]);
+}
+
+/* Geolocate button: searching location */
+.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon,.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-background .maplibregl-ctrl-icon
+{
+  background-image: url([src/style/svg/v6-geolocate-background.svg]);
+}
+
+/* Geolocate button: an error occured while searching */
+.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon,.maplibregl-ctrl button.maplibregl-ctrl-geolocate.maplibregl-ctrl-geolocate-background-error .maplibregl-ctrl-icon
+{
+  background-image: url([src/style/svg/v6-geolocate-active-error.svg]);
+}
+
+/* Terrain control icon (disabled, to enable) */
+.mapboxgl-ctrl button.mapboxgl-ctrl-terrain .mapboxgl-ctrl-icon,.maplibregl-ctrl button.maplibregl-ctrl-terrain .maplibregl-ctrl-icon
+{
+  background-image: url([src/style/svg/v6-terrain.svg]);
+}
+
+/* Terrain control icon (enabled, to disable) */
+.mapboxgl-ctrl button.mapboxgl-ctrl-terrain-enabled .mapboxgl-ctrl-icon,.maplibregl-ctrl button.maplibregl-ctrl-terrain-enabled .maplibregl-ctrl-icon
+{
+  background-image: url([src/style/svg/v6-terrain-on.svg]);
+}
+
+/* Fullscreen control icon (disabled, to enable) */
+.maplibregl-ctrl button.maplibregl-ctrl-fullscreen .maplibregl-ctrl-icon 
+{
+  background-image: url([src/style/svg/v6-fullscreen.svg]);
+}
+
+/* Fullscreen control icon (enabled, to disable) */
+.maplibregl-ctrl button.maplibregl-ctrl-shrink .maplibregl-ctrl-icon {
+  background-image: url([src/style/svg/v6-fullscreen-off.svg]);
+}
+
+.maplibregl-ctrl-scale {
+  background-color: hsla(0,0%,100%,.75);
+  border: 1px solid #444952;
+  border-top: #444952;
+  box-sizing: border-box;
+  color: #444952;
+  font-size: 10px;
+  padding: 0 5px;
+  text-align: right;
+  line-height: 14px;
+}

package/src/style/svg/v6-compass.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 33 33" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <g transform="matrix(1,0,0,1,-3.24298,2.63257)">
+        <g transform="matrix(1.20712,0,0,1.20712,14.9145,2.51292)">
+            <path d="M2.5,9.406L0,9.406L4,17.875L8,9.406L5.5,9.406C5.483,10.22 4.818,10.875 4,10.875C3.182,10.875 2.517,10.22 2.5,9.406Z" style="fill:rgb(29,50,98);fill-opacity:0.35;"/>
+        </g>
+        <g transform="matrix(1.20712,0,0,1.20712,14.9145,2.51292)">
+            <path d="M4,0.938L0,9.406L2.5,9.406L2.5,9.375C2.5,8.547 3.172,7.875 4,7.875C4.828,7.875 5.5,8.547 5.5,9.375L5.5,9.406L8,9.406L4,0.938Z" style="fill:rgb(68,73,82);"/>
+        </g>
+    </g>
+</svg>

package/src/style/svg/v6-fullscreen-off.svg

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 33 33" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <g transform="matrix(1,0,0,1,8.49996,8.5)">
+        <path d="M1.434,5.576C1.2,5.576 0.997,5.49 0.825,5.317C0.653,5.146 0.567,4.943 0.567,4.709C0.567,4.475 0.653,4.272 0.825,4.1C0.997,3.929 1.2,3.843 1.434,3.843L2.609,3.843L0.732,1.965C0.567,1.8 0.488,1.597 0.495,1.356C0.502,1.115 0.588,0.913 0.753,0.748C0.918,0.583 1.121,0.5 1.361,0.5C1.602,0.5 1.805,0.583 1.97,0.748L3.828,2.624L3.828,1.449C3.828,1.215 3.913,1.012 4.085,0.84C4.257,0.668 4.46,0.582 4.694,0.582C4.928,0.582 5.131,0.668 5.302,0.84C5.475,1.012 5.561,1.215 5.561,1.449L5.561,4.709C5.561,4.943 5.475,5.146 5.302,5.317C5.131,5.49 4.928,5.576 4.694,5.576L1.434,5.576ZM14.557,5.576L11.296,5.576C11.063,5.576 10.86,5.49 10.688,5.317C10.516,5.146 10.43,4.943 10.43,4.709L10.43,1.449C10.43,1.215 10.516,1.012 10.688,0.84C10.86,0.668 11.063,0.582 11.296,0.582C11.531,0.582 11.734,0.668 11.906,0.84C12.077,1.012 12.163,1.215 12.163,1.449L12.163,2.624L14.041,0.748C14.206,0.583 14.409,0.5 14.65,0.5C14.89,0.5 15.093,0.583 15.258,0.748C15.423,0.913 15.506,1.115 15.506,1.356C15.506,1.597 15.423,1.8 15.258,1.965L13.381,3.843L14.557,3.843C14.791,3.843 14.994,3.929 15.166,4.1C15.338,4.272 15.424,4.475 15.424,4.709C15.424,4.943 15.338,5.146 15.166,5.317C14.994,5.49 14.791,5.576 14.557,5.576ZM0.753,15.252C0.588,15.087 0.506,14.888 0.506,14.654C0.506,14.42 0.588,14.221 0.753,14.056L2.63,12.178L1.434,12.178C1.2,12.178 0.997,12.092 0.825,11.921C0.653,11.749 0.567,11.546 0.567,11.312C0.567,11.078 0.653,10.875 0.825,10.703C0.997,10.531 1.2,10.445 1.434,10.445L4.694,10.445C4.928,10.445 5.131,10.531 5.302,10.703C5.475,10.875 5.561,11.078 5.561,11.312L5.561,14.572C5.561,14.806 5.475,15.009 5.302,15.181C5.131,15.353 4.928,15.439 4.694,15.439C4.46,15.439 4.257,15.353 4.085,15.181C3.913,15.009 3.828,14.806 3.828,14.572L3.828,13.376L1.95,15.252C1.785,15.418 1.585,15.5 1.351,15.5C1.118,15.5 0.918,15.418 0.753,15.252ZM11.296,15.439C11.063,15.439 10.86,15.353 10.688,15.181C10.516,15.009 10.43,14.806 10.43,14.572L10.43,11.312C10.43,11.078 10.516,10.875 10.688,10.703C10.86,10.531 11.063,10.445 11.296,10.445L14.557,10.445C14.791,10.445 14.994,10.531 15.166,10.703C15.338,10.875 15.424,11.078 15.424,11.312C15.424,11.546 15.338,11.749 15.166,11.921C14.994,12.092 14.791,12.178 14.557,12.178L13.36,12.178L15.237,14.056C15.402,14.221 15.485,14.42 15.485,14.654C15.485,14.888 15.402,15.087 15.237,15.252C15.072,15.418 14.873,15.5 14.639,15.5C14.405,15.5 14.206,15.418 14.041,15.252L12.163,13.376L12.163,14.572C12.163,14.806 12.077,15.009 11.906,15.181C11.734,15.353 11.531,15.439 11.296,15.439Z" style="fill:rgb(68,73,82);fill-rule:nonzero;"/>
+    </g>
+</svg>

package/src/style/svg/v6-fullscreen.svg

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 33 33" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <g transform="matrix(1,0,0,1,9,9)">
+        <path d="M0.875,5.042C0.639,5.042 0.434,4.955 0.26,4.781C0.087,4.608 0,4.403 0,4.167L0,0.875C0,0.639 0.087,0.434 0.26,0.26C0.434,0.087 0.639,0 0.875,0L4.167,0C4.403,0 4.608,0.087 4.781,0.26C4.955,0.434 5.042,0.639 5.042,0.875C5.042,1.111 4.955,1.316 4.781,1.49C4.608,1.663 4.403,1.75 4.167,1.75L2.958,1.75L4.875,3.667C5.042,3.834 5.122,4.031 5.115,4.26C5.108,4.489 5.021,4.687 4.854,4.854C4.687,5.021 4.486,5.104 4.25,5.104C4.014,5.104 3.813,5.021 3.646,4.854L1.75,2.958L1.75,4.167C1.75,4.403 1.663,4.608 1.49,4.781C1.316,4.955 1.111,5.042 0.875,5.042ZM10.146,4.854C9.979,4.687 9.896,4.486 9.896,4.25C9.896,4.014 9.979,3.813 10.146,3.646L12.042,1.75L10.833,1.75C10.597,1.75 10.392,1.663 10.219,1.49C10.045,1.316 9.958,1.111 9.958,0.875C9.958,0.639 10.045,0.434 10.219,0.26C10.392,0.087 10.597,0 10.833,0L14.125,0C14.361,0 14.566,0.087 14.74,0.26C14.913,0.434 15,0.639 15,0.875L15,4.167C15,4.403 14.913,4.608 14.74,4.781C14.566,4.955 14.361,5.042 14.125,5.042C13.889,5.042 13.684,4.955 13.51,4.781C13.337,4.608 13.25,4.403 13.25,4.167L13.25,2.958L11.333,4.875C11.166,5.042 10.969,5.122 10.74,5.115C10.511,5.108 10.313,5.021 10.146,4.854ZM10.833,15C10.597,15 10.392,14.913 10.219,14.74C10.045,14.566 9.958,14.361 9.958,14.125C9.958,13.889 10.045,13.684 10.219,13.51C10.392,13.337 10.597,13.25 10.833,13.25L12.021,13.25L10.125,11.354C9.958,11.187 9.875,10.986 9.875,10.75C9.875,10.514 9.965,10.306 10.146,10.125C10.313,9.958 10.517,9.875 10.76,9.875C11.003,9.875 11.208,9.958 11.375,10.125L13.25,12.021L13.25,10.833C13.25,10.597 13.337,10.392 13.51,10.219C13.684,10.045 13.889,9.958 14.125,9.958C14.361,9.958 14.566,10.045 14.74,10.219C14.913,10.392 15,10.597 15,10.833L15,14.125C15,14.361 14.913,14.566 14.74,14.74C14.566,14.913 14.361,15 14.125,15L10.833,15ZM0.875,15C0.639,15 0.434,14.913 0.26,14.74C0.087,14.566 0,14.361 0,14.125L0,10.833C0,10.597 0.087,10.392 0.26,10.219C0.434,10.045 0.639,9.958 0.875,9.958C1.111,9.958 1.316,10.045 1.49,10.219C1.663,10.392 1.75,10.597 1.75,10.833L1.75,12.021L3.646,10.125C3.813,9.958 4.014,9.872 4.25,9.865C4.486,9.858 4.694,9.944 4.875,10.125C5.042,10.292 5.125,10.497 5.125,10.74C5.125,10.983 5.042,11.187 4.875,11.354L2.979,13.25L4.167,13.25C4.403,13.25 4.608,13.337 4.781,13.51C4.955,13.684 5.042,13.889 5.042,14.125C5.042,14.361 4.955,14.566 4.781,14.74C4.608,14.913 4.403,15 4.167,15L0.875,15Z" style="fill:rgb(68,73,82);fill-rule:nonzero;"/>
+    </g>
+</svg>

package/src/style/svg/v6-geolocate-active-error.svg

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 33 33" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <g transform="matrix(1,0,0,1,9.50001,8.89492)">
+        <path d="M5.673,8.932L0.567,6.865C0.391,6.798 0.253,6.69 0.152,6.541C0.051,6.392 0,6.223 0,6.035C0,5.846 0.051,5.68 0.152,5.538C0.253,5.396 0.391,5.291 0.567,5.224L12.846,0.665C13.021,0.597 13.187,0.587 13.343,0.634C13.498,0.682 13.629,0.759 13.738,0.868C13.846,0.976 13.924,1.107 13.971,1.262C14.018,1.418 14.008,1.584 13.94,1.759L9.381,14.059C9.3,14.247 9.186,14.386 9.037,14.474C8.888,14.561 8.732,14.605 8.57,14.605C8.408,14.605 8.253,14.558 8.104,14.463C7.956,14.368 7.841,14.233 7.76,14.059L5.673,8.932Z" style="fill:rgb(68,73,82);fill-rule:nonzero;"/>
+    </g>
+    <g transform="matrix(0.598546,0.598546,-0.707107,0.707107,11.7313,1.9674)">
+        <rect x="6.516" y="3.78" width="19.271" height="0.716" style="fill:rgb(229,0,0);"/>
+    </g>
+</svg>

package/src/style/svg/v6-geolocate-active.svg

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 33 33" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <g transform="matrix(1,0,0,1,9.50001,8.89492)">
+        <path d="M5.673,8.932L0.567,6.865C0.391,6.798 0.253,6.69 0.152,6.541C0.051,6.392 0,6.223 0,6.035C0,5.846 0.051,5.68 0.152,5.538C0.253,5.396 0.391,5.291 0.567,5.224L12.846,0.665C13.021,0.597 13.187,0.587 13.343,0.634C13.498,0.682 13.629,0.759 13.738,0.868C13.846,0.976 13.924,1.107 13.971,1.262C14.018,1.418 14.008,1.584 13.94,1.759L9.381,14.059C9.3,14.247 9.186,14.386 9.037,14.474C8.888,14.561 8.732,14.605 8.57,14.605C8.408,14.605 8.253,14.558 8.104,14.463C7.956,14.368 7.841,14.233 7.76,14.059L5.673,8.932Z" style="fill:rgb(68,73,82);fill-rule:nonzero;"/>
+    </g>
+</svg>

package/src/style/svg/v6-geolocate-background.svg

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 33 33" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <path d="M10.685,14.817L22.511,10.669L18.217,22.082L15.824,17.233L10.685,14.817Z" style="fill:rgb(29,50,98);fill-opacity:0.2;"/>
+    <g transform="matrix(1,0,0,1,9.50001,9.25)">
+        <path d="M5.673,8.577L0.567,6.51C0.391,6.443 0.253,6.335 0.152,6.186C0.051,6.037 0,5.868 0,5.68C0,5.49 0.051,5.325 0.152,5.183C0.253,5.041 0.391,4.936 0.567,4.869L12.846,0.31C13.021,0.242 13.187,0.232 13.343,0.279C13.498,0.326 13.629,0.404 13.738,0.513C13.846,0.621 13.924,0.752 13.971,0.907C14.018,1.063 14.008,1.229 13.94,1.404L9.381,13.703C9.3,13.892 9.186,14.031 9.037,14.119C8.888,14.206 8.732,14.25 8.57,14.25C8.408,14.25 8.253,14.203 8.104,14.108C7.956,14.013 7.841,13.879 7.76,13.703L5.673,8.577ZM8.53,11.11L11.691,2.559L3.14,5.72L6.991,7.259L8.53,11.11Z" style="fill:rgb(68,73,82);fill-rule:nonzero;"/>
+    </g>
+</svg>

package/src/style/svg/v6-geolocate-disabled.svg

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 33 33" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <g transform="matrix(1,0,0,1,9.50001,9.25)">
+        <path d="M5.673,8.577L0.567,6.51C0.391,6.443 0.253,6.335 0.152,6.186C0.051,6.037 0,5.868 0,5.68C0,5.49 0.051,5.325 0.152,5.183C0.253,5.041 0.391,4.936 0.567,4.869L12.846,0.31C13.021,0.242 13.187,0.232 13.343,0.279C13.498,0.326 13.629,0.404 13.738,0.513C13.846,0.621 13.924,0.752 13.971,0.907C14.018,1.063 14.008,1.229 13.94,1.404L9.381,13.703C9.3,13.892 9.186,14.031 9.037,14.119C8.888,14.206 8.732,14.25 8.57,14.25C8.408,14.25 8.253,14.203 8.104,14.108C7.956,14.013 7.841,13.879 7.76,13.703L5.673,8.577ZM8.53,11.11L11.691,2.559L3.14,5.72L6.991,7.259L8.53,11.11Z" style="fill:rgb(68,73,82);fill-rule:nonzero;"/>
+    </g>
+    <g transform="matrix(0.598546,0.598546,-0.707107,0.707107,11.7313,1.9674)">
+        <rect x="6.516" y="3.78" width="19.271" height="0.716" style="fill:rgb(229,0,0);"/>
+    </g>
+</svg>

package/src/style/svg/v6-geolocate.svg

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 33 33" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <g transform="matrix(1,0,0,1,9.50001,9.25)">
+        <path d="M5.673,8.577L0.567,6.51C0.391,6.443 0.253,6.335 0.152,6.186C0.051,6.037 0,5.868 0,5.68C0,5.49 0.051,5.325 0.152,5.183C0.253,5.041 0.391,4.936 0.567,4.869L12.846,0.31C13.021,0.242 13.187,0.232 13.343,0.279C13.498,0.326 13.629,0.404 13.738,0.513C13.846,0.621 13.924,0.752 13.971,0.907C14.018,1.063 14.008,1.229 13.94,1.404L9.381,13.703C9.3,13.892 9.186,14.031 9.037,14.119C8.888,14.206 8.732,14.25 8.57,14.25C8.408,14.25 8.253,14.203 8.104,14.108C7.956,14.013 7.841,13.879 7.76,13.703L5.673,8.577ZM8.53,11.11L11.691,2.559L3.14,5.72L6.991,7.259L8.53,11.11Z" style="fill:rgb(68,73,82);fill-rule:nonzero;"/>
+    </g>
+</svg>

package/src/style/svg/v6-terrain-on.svg

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 33 33" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <g transform="matrix(1,0,0,1,7.99998,11)">
+        <path d="M1.083,10.209C0.722,10.209 0.459,10.049 0.292,9.73C0.125,9.41 0.153,9.105 0.375,8.813L3.625,4.48C3.806,4.244 4.042,4.126 4.333,4.126C4.625,4.126 4.861,4.244 5.042,4.48L7.5,7.751C7.653,7.944 7.847,8.063 8.083,8.105C8.32,8.146 8.535,8.09 8.729,7.938C8.924,7.799 9.038,7.619 9.073,7.396C9.108,7.174 9.069,6.965 8.958,6.771L7.104,4.313L9.458,1.147C9.639,0.91 9.875,0.792 10.167,0.792C10.458,0.792 10.694,0.91 10.875,1.147L16.625,8.813C16.847,9.105 16.875,9.41 16.708,9.73C16.541,10.049 16.278,10.209 15.917,10.209L1.083,10.209Z" style="fill:rgb(68,73,82);fill-rule:nonzero;"/>
+    </g>
+</svg>

package/src/style/svg/v6-terrain.svg

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 33 33" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <g transform="matrix(1,0,0,1,8.00023,11)">
+        <path d="M1.083,10.209C0.722,10.209 0.458,10.049 0.292,9.73C0.125,9.41 0.153,9.105 0.375,8.813L3.625,4.48C3.805,4.244 4.041,4.126 4.333,4.126C4.625,4.126 4.861,4.244 5.042,4.48L8.021,8.459L14.167,8.459L10.167,3.147L8.188,5.751L7.104,4.313L9.458,1.147C9.638,0.91 9.875,0.792 10.167,0.792C10.458,0.792 10.694,0.91 10.875,1.147L16.625,8.813C16.847,9.105 16.874,9.41 16.708,9.73C16.541,10.049 16.277,10.209 15.917,10.209L1.083,10.209ZM2.833,8.459L5.833,8.459L4.333,6.459L2.833,8.459ZM2.833,8.459L5.833,8.459L2.833,8.459Z" style="fill:rgb(68,73,82);fill-rule:nonzero;"/>
+    </g>
+</svg>

package/src/style/svg/v6-zoom-minus.svg

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 33 33" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <g transform="matrix(1,0,0,1,9.5,15.25)">
+        <path d="M1.475,2.225C1.212,2.225 0.984,2.128 0.79,1.935C0.597,1.741 0.5,1.513 0.5,1.25C0.5,0.987 0.597,0.759 0.79,0.566C0.984,0.372 1.212,0.275 1.475,0.275L12.525,0.275C12.788,0.275 13.016,0.372 13.21,0.566C13.403,0.759 13.5,0.987 13.5,1.25C13.5,1.513 13.403,1.741 13.21,1.935C13.016,2.128 12.788,2.225 12.525,2.225L1.475,2.225Z" style="fill:rgb(68,73,82);fill-rule:nonzero;"/>
+    </g>
+</svg>

package/src/style/svg/v6-zoom-plus.svg

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 33 33" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <g transform="matrix(1,0,0,1,9.5,9.25)">
+        <path d="M7,13.75C6.737,13.75 6.509,13.653 6.315,13.46C6.122,13.266 6.025,13.038 6.025,12.775L6.025,8.225L1.475,8.225C1.212,8.225 0.984,8.128 0.79,7.935C0.597,7.741 0.5,7.513 0.5,7.25C0.5,6.987 0.597,6.759 0.79,6.565C0.984,6.372 1.212,6.275 1.475,6.275L6.025,6.275L6.025,1.725C6.025,1.462 6.122,1.234 6.315,1.04C6.509,0.847 6.737,0.75 7,0.75C7.263,0.75 7.491,0.847 7.685,1.04C7.878,1.234 7.975,1.462 7.975,1.725L7.975,6.275L12.525,6.275C12.788,6.275 13.016,6.372 13.21,6.565C13.403,6.759 13.5,6.987 13.5,7.25C13.5,7.513 13.403,7.741 13.21,7.935C13.016,8.128 12.788,8.225 12.525,8.225L7.975,8.225L7.975,12.775C7.975,13.038 7.878,13.266 7.685,13.46C7.491,13.653 7.263,13.75 7,13.75Z" style="fill:rgb(68,73,82);fill-rule:nonzero;"/>
+    </g>
+</svg>