@panoramax/web-viewer 3.1.1-develop-1e642517 → 3.1.1-develop-a3fa5272

package/docs/03_URL_settings.md

@@ -116,13 +116,22 @@ The camera make and model to filter shown pictures and sequences on map (if map
 - `camera=gopro%20max` will only show pictures taken with a _GoPro Max_ camera
 - `camera=max` will not shown any picture on map, as it doesn't match any camera make
 
+### :medal: `pic_score`: filter map data by quality score
+
+The pictures quality level wanted for map display (if map is enabled). Values are `A`, `B`, `C`, `D`, `E` and can be used that way:
+
+- `pic_score=A` for only best pictures
+- `pic_score=ABC` for A, B or C-grade pictures
+
+
 ### :material-format-paint: `theme`: map colouring for pictures and sequences
 
 The map theme to use for displaying pictures and sequences (if map is enabled). Available themes are:
 
 - `theme=default` (or no setting defined): single color for display (no classification)
 - `theme=age`: color based on picture/sequence age (red = recent, yellow = 2+ years old)
-- `theme=type`: color based on camera type (orange = classic, green = 360°) 
+- `theme=type`: color based on camera type (orange = classic, green = 360°)
+- `theme=score`: color based on quality score (green = best quality, yellow = worst)
 
 ### :material-nature-people: `background`: map background
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@panoramax/web-viewer",
-  "version": "3.1.1-develop-1e642517",
+  "version": "3.1.1-develop-a3fa5272",
   "description": "Panoramax web viewer for geolocated pictures",
   "main": "build/index.js",
   "author": "Panoramax team",
@@ -88,8 +88,9 @@
     "workbox-webpack-plugin": "^6.5.4"
   },
   "dependencies": {
-    "@fortawesome/fontawesome-svg-core": "^6.4.0",
-    "@fortawesome/free-solid-svg-icons": "^6.4.0",
+    "@fortawesome/fontawesome-svg-core": "^6.6.0",
+    "@fortawesome/free-regular-svg-icons": "^6.6.0",
+    "@fortawesome/free-solid-svg-icons": "^6.6.0",
     "@photo-sphere-viewer/core": "5.11.0-beta.1",
     "@photo-sphere-viewer/equirectangular-tiles-adapter": "5.11.0-beta.1",
     "@photo-sphere-viewer/gallery-plugin": "5.11.0-beta.1",

package/src/Viewer.js

@@ -2,11 +2,11 @@ import "./Viewer.css";
 import { SYSTEM as PSSystem, DEFAULTS as PSDefaults } from "@photo-sphere-viewer/core";
 import Widgets from "./viewer/Widgets";
 import URLHash from "./viewer/URLHash";
-import { COLORS, josmBboxParameters, linkMapAndPhoto } from "./utils/Utils";
+import { COLORS, QUALITYSCORE_VALUES, josmBboxParameters, linkMapAndPhoto } from "./utils/Utils";
 import CoreView from "./components/CoreView";
 import Photo, { PSV_DEFAULT_ZOOM, PSV_ANIM_DURATION, PIC_MAX_STAY_DURATION } from "./components/Photo";
 import Map from "./components/Map";
-import { TILES_PICTURES_ZOOM } from "./utils/Map";
+import { TILES_PICTURES_ZOOM, MAP_EXPR_QUALITYSCORE } from "./utils/Map";
 import { enableCopyButton, fa } from "./utils/Widgets";
 import { faXmark } from "@fortawesome/free-solid-svg-icons/faXmark";
 
@@ -20,6 +20,7 @@ const MAP_THEMES = {
 	DEFAULT: "default",
 	AGE: "age",
 	TYPE: "type",
+	SCORE: "score",
 };
 
 
@@ -809,6 +810,15 @@ class Viewer extends CoreView {
 				COLORS.QUALI_2
 			);
 		}
+		else if(this._mapTheme == MAP_THEMES.SCORE) {
+			s.push(
+				["==", MAP_EXPR_QUALITYSCORE, 5], QUALITYSCORE_VALUES[0].color,
+				["==", MAP_EXPR_QUALITYSCORE, 4], QUALITYSCORE_VALUES[1].color,
+				["==", MAP_EXPR_QUALITYSCORE, 3], QUALITYSCORE_VALUES[2].color,
+				["==", MAP_EXPR_QUALITYSCORE, 2], QUALITYSCORE_VALUES[3].color,
+				QUALITYSCORE_VALUES[4].color,
+			);
+		}
 		else {
 			s.push(COLORS.BASE);
 		}
@@ -827,6 +837,7 @@ class Viewer extends CoreView {
 		//  - 20-80 : custom ranges
 		//  - 10  : basic feature
 		//  - 0   : on bottom / feature with undefined property
+
 		// Hidden style
 		const s = ["case",
 			["==", ["get", "hidden"], true], 90
@@ -859,6 +870,15 @@ class Viewer extends CoreView {
 				["==", ["get", "type"], "equirectangular"], 50,
 			);
 		}
+		else if(this._mapTheme == MAP_THEMES.SCORE) {
+			s.push(
+				["==", MAP_EXPR_QUALITYSCORE, 5], 80,
+				["==", MAP_EXPR_QUALITYSCORE, 4], 65,
+				["==", MAP_EXPR_QUALITYSCORE, 3], 50,
+				["==", MAP_EXPR_QUALITYSCORE, 2], 35,
+				["==", MAP_EXPR_QUALITYSCORE, 1], 20,
+			);
+		}
 
 		s.push(10);
 		return s;
@@ -1076,6 +1096,7 @@ class Viewer extends CoreView {
 	 * @param {string} [filters.type] Type of picture to keep (flat, equirectangular)
 	 * @param {string} [filters.camera] Camera make and model to keep
 	 * @param {string} [filters.theme] Map theme to use
+	 * @param {number[]} [filters.qualityscore] QualityScore values, as a list of 1 to 5 grades
 	 * @param {boolean} [skipZoomIn=false] If true, doesn't force zoom in to map level >= 7
 	 */
 	setFilters(filters, skipZoomIn = false) {
@@ -1088,6 +1109,7 @@ class Viewer extends CoreView {
 			mapSeqFilters.push([">=", ["get", "date"], filters.minDate]);
 			mapPicFilters.push([">=", ["get", "ts"], filters.minDate]);
 		}
+
 		if(filters.maxDate && filters.maxDate !== "") {
 			this._mapFilters.maxDate = filters.maxDate;
 			mapSeqFilters.push(["<=", ["get", "date"], filters.maxDate]);
@@ -1099,11 +1121,13 @@ class Viewer extends CoreView {
 			d = d.toISOString().split("T")[0];
 			mapPicFilters.push(["<=", ["get", "ts"], d]);
 		}
+
 		if(filters.type && filters.type !== "") {
 			this._mapFilters.type = filters.type;
 			mapSeqFilters.push(["==", ["get", "type"], filters.type]);
 			mapPicFilters.push(["==", ["get", "type"], filters.type]);
 		}
+
 		if(filters.camera && filters.camera !== "") {
 			this._mapFilters.camera = filters.camera;
 			// low/high model hack : to enable fuzzy filtering of camera make and model
@@ -1116,6 +1140,12 @@ class Viewer extends CoreView {
 			mapPicFilters.push(["<=", ["get", "model"], highModel, collator]);
 		}
 
+		if(filters.qualityscore && filters.qualityscore.length > 0) {
+			this._mapFilters.qualityscore = filters.qualityscore;
+			mapSeqFilters.push(["in", MAP_EXPR_QUALITYSCORE, ["literal", this._mapFilters.qualityscore]]);
+			mapPicFilters.push(["in", MAP_EXPR_QUALITYSCORE, ["literal", this._mapFilters.qualityscore]]);
+		}
+
 		if(filters.theme && Object.values(MAP_THEMES).includes(filters.theme)) {
 			this._mapFilters.theme = filters.theme;
 			if(this.map) {
@@ -1175,6 +1205,7 @@ class Viewer extends CoreView {
 		 * @property {string} [detail.type] Camera type (equirectangular, flat, null/empty string for both)
 		 * @property {string} [detail.camera] Camera make and model
 		 * @property {string} [detail.theme] Map theme
+		 * @property {number[]} [detail.qualityscore] QualityScore values, as a list of 1 to 5 grades
 		 */
 		const event = new CustomEvent("filters-changed", { detail: Object.assign({}, this._mapFilters) });
 		this.dispatchEvent(event);

package/src/components/CoreView.css

@@ -53,6 +53,12 @@
 	margin-right: 2px;
 }
 
+.gvs h4 a svg {
+	height: 16px;
+	vertical-align: sub;
+	margin-left: 2px;
+}
+
 /* Hidden elements on mobile */
 @container (max-width: 576px) {
 	.gvs-mobile-hidden { display: none !important; }

package/src/components/CoreView.js

@@ -68,16 +68,31 @@ export default class CoreView extends EventTarget {
 		this.container.appendChild(this.loaderContainer);
 		this._loader = new Loader(this, this.loaderContainer);
 
-		// API init
-		endpoint = endpoint.replace("/api/search", "/api");
-		this._api = new API(endpoint, {
-			users: this._options.users,
-			fetch: this._options?.fetchOptions,
-			style: this._options.style,
-		});
-		this._api.onceReady()
-			.then(() => console.info(`🌐 Connected to API "${this._api._metadata.name}" (${this._api._endpoint})\nℹ️ API runs STAC ${this._api._metadata.stac_version} & GeoVisio ${this._api._metadata.geovisio_version}`))
-			.catch(e => this._loader.dismiss(e, this._t.gvs.error_api));
+		// API init)
+		endpoint = (endpoint || "").replace("/api/search", "/api");
+		try {
+			this._api = new API(endpoint, {
+				users: this._options.users,
+				fetch: this._options?.fetchOptions,
+				style: this._options.style,
+			});
+			this._api.onceReady()
+				.then(() => {
+					let unavailable = this._api.getUnavailableFeatures();
+					let available = this._api.getAvailableFeatures();
+					available = unavailable.length === 0 ? "✅ All features available" : "✅ Available features: "+available.join(", ");
+					unavailable = unavailable.length === 0 ? "" : "🚫 Unavailable features: "+unavailable.join(", ");
+					console.info(`🌐 Connected to API "${this._api._metadata.name}" (${this._api._endpoint})
+ℹ️ API runs STAC ${this._api._metadata.stac_version} ${this._api._metadata.geovisio_version ? "& GeoVisio "+this._api._metadata.geovisio_version : ""}
+   ${available}
+   ${unavailable}
+`.trim());
+				})
+				.catch(e => this._loader.dismiss(e, this._t.gvs.error_api));
+		}
+		catch(e) {
+			this._loader.dismiss(e, this._t.gvs.error_api);
+		}
 	}
 
 	/**

package/src/components/Map.js

@@ -187,6 +187,15 @@ export default class Map extends maplibregl.Map {
 		});
 	}
 
+	/**
+	 * Is QualityScore available in vector tiles ?
+	 * @private
+	 */
+	_hasQualityScore() {
+		const fields = this.getStyle()?.metadata?.["panoramax:fields"] || {};
+		return fields?.pictures?.includes("gps_accuracy") && fields?.pictures?.includes("h_pixel_density");
+	}
+
 	/**
 	 * Force refresh of vector tiles data
 	 */

package/src/translations/en.json

@@ -62,7 +62,8 @@
             "🔍 Analyzing EXIF metadata",
             "🏘️ 3D rendering",
             "📷 Initializing 360° pictures",
-            "🟠 Colour balancing"
+            "🟠 Colour balancing",
+            "💯 Computing Quality Score ©"
         ],
         "loading_labels_fun": [
             "🦌 Deer crossing sign detection",
@@ -97,8 +98,9 @@
         "filter_zoom_in": "Zoom-in for filters to be visible",
         "picture_flat": "Classic",
         "picture_360": "360°",
-        "filter_camera_model": "By camera model",
         "filter_reset": "Clear filters",
+        "filter_qualityscore": "Quality score",
+        "filter_qualityscore_help": "Click to enable or disable",
         "map_background": "Map background",
         "map_background_aerial": "Aerial",
         "map_background_streets": "Streets",
@@ -110,6 +112,7 @@
         "map_theme_age_3": "< 1 year",
         "map_theme_age_4": "< 1 month",
         "map_theme_type": "Camera type",
+        "map_theme_score": "Quality score",
         "contrast": "Enable higher image contrast",
         "metadata": "Picture metadata",
         "metadata_general_picid": "Picture identifier",
@@ -124,12 +127,19 @@
         "metadata_camera_make": "Make",
         "metadata_camera_model": "Model",
         "metadata_camera_type": "Type",
+        "metadata_camera_resolution": "Resolution",
         "metadata_camera_focal_length": "Focal length",
         "metadata_location": "Location",
         "metadata_location_longitude": "Longitude",
         "metadata_location_latitude": "Latitude",
         "metadata_location_orientation": "Capture direction",
         "metadata_location_precision": "Positioning precision",
+        "metadata_quality": "Quality Score",
+        "metadata_quality_help": "Know more about Quality Score",
+        "metadata_quality_score": "Global score",
+        "metadata_quality_gps_score": "Positioning score",
+        "metadata_quality_resolution_score": "Resolution score",
+        "metadata_quality_missing": "no value set in picture",
         "metadata_exif": "EXIF / XMP",
         "metadata_exif_name": "Tag",
         "metadata_exif_value": "Value",

package/src/translations/fr.json

@@ -62,7 +62,8 @@
             "🔍 Analyse des métadonnées EXIF",
             "🏘️ Création du rendu 3D",
             "📷 Initialisation des vues 360°",
-            "🟠 Équilibrage des couleurs"
+            "🟠 Équilibrage des couleurs",
+            "💯 Calcul du score qualité ©"
         ],
         "loading_labels_fun": [
             "🦌 Détection des panneaux biche",
@@ -96,8 +97,9 @@
         "filter_picture": "Type d'image",
         "picture_flat": "Classique",
         "picture_360": "360°",
-        "filter_camera_model": "Par modèle d'appareil",
         "filter_reset": "Retirer les filtres",
+        "filter_qualityscore": "Score de qualité",
+        "filter_qualityscore_help": "Cliquez pour activer ou désactiver",
         "filter_zoom_in": "Zoomez plus pour voir les filtres",
         "map_background": "Fond de carte",
         "map_background_aerial": "Satellite",
@@ -110,6 +112,7 @@
         "map_theme_age_3": "< 1 an",
         "map_theme_age_4": "< 1 mois",
         "map_theme_type": "Type de caméra",
+        "map_theme_score": "Score de qualité",
         "contrast": "Augmenter le contraste de l'image",
         "metadata": "Métadonnées de la photo",
         "metadata_general_picid": "Identifiant de photo",
@@ -124,12 +127,19 @@
         "metadata_camera_make": "Fabricant",
         "metadata_camera_model": "Modèle",
         "metadata_camera_type": "Type",
+        "metadata_camera_resolution": "Résolution",
         "metadata_camera_focal_length": "Longueur focale",
         "metadata_location": "Localisation",
         "metadata_location_longitude": "Longitude",
         "metadata_location_latitude": "Latitude",
         "metadata_location_orientation": "Direction de prise de vue",
         "metadata_location_precision": "Précision du positionnement",
+        "metadata_quality": "Score de qualité",
+        "metadata_quality_help": "En savoir plus sur le score de qualité",
+        "metadata_quality_score": "Note globale",
+        "metadata_quality_gps_score": "Note du positionnement",
+        "metadata_quality_resolution_score": "Note de la résolution",
+        "metadata_quality_missing": "pas d'info dans l'image",
         "metadata_exif": "EXIF / XMP",
         "metadata_exif_name": "Balise",
         "metadata_exif_value": "Valeur",

package/src/translations/hu.json

@@ -1,114 +1,114 @@
 {
     "psv": {
-        "twoFingers": "Használjon két ujjat a navigációhoz",
-        "ctrlZoom": "Használjon Ctrl + görgetést a kép nagyításához",
+        "twoFingers": "Két ujjal navigálhat",
+        "ctrlZoom": "Közelítés vagy távolítás: Ctrl + görgetés",
         "loadError": "A panoráma nem tölthető be"
     },
     "gvs": {
         "zoom": "Nagyítás",
-        "zoomOut": "Nagyítás",
-        "zoomIn": "Kicsinyítás",
+        "zoomOut": "Távolítás",
+        "zoomIn": "Közelítés",
         "moveUp": "Mozgás fel",
         "moveDown": "Mozgás le",
         "moveLeft": "Mozgás balra",
         "moveRight": "Mozgás jobbra",
         "moveMiddle": "Nézet középre hozása",
-        "expand": "Bővíteni",
-        "expand_info": "A widget teljes oldalon történő megjelenítése",
-        "show_psv": "A képnézegető megjelenítése",
-        "show_map": "A térkép megjelenítése",
-        "minimize": "Kis méret",
+        "expand": "Bővítés",
+        "expand_info": "Widget megjelenítése teljes oldalon",
+        "show_psv": "Képnézegető megjelenítése",
+        "show_map": "Térkép megjelenítése",
+        "minimize": "Widget elrejtése; a bal alsó sarokban lévő gombbal újra megjelenítheti",
         "options": "Beállítások",
         "filters": "Szűrők",
         "layers": "Rétegek",
         "share": "Megosztás",
         "search": "Keresés",
-        "search_empty": "Nincs eredmény",
-        "share_links": "Hivatkozások",
-        "share_page": "Ez az oldal",
-        "share_image": "HD felbontású kép",
-        "share_rss": "RSS",
+        "search_empty": "Nincs találat",
+        "share_links": "Linkek",
+        "share_page": "Link erre az oldalra",
+        "share_image": "Nagy felbontású (HD) kép",
+        "share_rss": "RSS hírcsatorna",
         "share_rss_title": "A térkép látható területén lévő új sorozatok RSS-hírcsatornája",
-        "share_embed": "Beágyazás a weboldalán",
+        "share_embed": "Beágyazás a weboldaladon",
         "share_print": "Nyomtatás",
         "copy": "Másolás",
         "copied": "Másolva",
-        "error": "A Panoramax összeomlott…",
+        "error": "Ajjaj, baj van…",
         "error_subtitle": "Próbálja újra később, vagy nézze meg a böngészőkonzolt a további részletekért.",
         "sequence_next": "A sorozat következő képe",
-        "sequence_play": "Végiglépkedés a sorozaton",
-        "sequence_pause": "Sorozat szüneteltése",
+        "sequence_play": "Sorozat lejátszása",
+        "sequence_pause": "Sorozatlejátszás szüneteltetése",
         "sequence_prev": "A sorozat előző képe",
         "sequence_more": "További lejátszási lehetőségek",
-        "sequence_speed": "Lejátszó sebessége",
+        "sequence_speed": "Lejátszás sebessége",
         "legend_license": "Licenc: {l}",
-        "edit_osm": "Az OSM szerkesztése",
+        "edit_osm": "OSM szerkesztése",
         "id": "iD",
         "josm": "JOSM",
-        "josm_live": "A JOSM automatikus szinkronizálásának engedélyezése képbetöltéskor",
+        "josm_live": "JOSM automatikus szinkronizálásának engedélyezése képbetöltéskor",
         "loading_labels_serious": [
-            "🗺️ Loading map data",
-            "🖥️ Querying API",
-            "🖼️ Loading thumbnails",
-            "🔍 Analyzing EXIF metadata",
-            "🏘️ 3D rendering",
-            "📷 Initializing 360° pictures",
-            "🟠 Colour balancing"
+            "🗺️ Térképadatok betöltése",
+            "🖥️ API lekérdezése",
+            "🖼️ Bélyegképek betöltése",
+            "🔍 EXIF metaadatok elemzése",
+            "🏘️ 3D megjelenítés",
+            "📷 360°-os képek inicializálása",
+            "🟠 Színek kiegyenlítése"
         ],
         "loading_labels_fun": [
-            "🦌 Deer crossing sign detection",
-            "🚘 Searching Panoramax Car ©",
-            "☕ Caffeine injection",
-            "😀 Smile, you're mapped!",
-            "🐈 Sharing cat pictures",
-            "😴 Reducing procrastination",
-            "🫖 Brewing tea",
-            "🐧 Opening source code",
-            "🚇 Indexing Underground stations",
-            "🧹 Metadata cleanup",
-            "🚒 Sending fire station photos",
-            "🚲 Greenways update",
-            "🚉 Station platform walkthrough",
-            "🛰️ Searching satellites",
-            "👥 Writing personas",
-            "🐟 Locating chip shops",
-            "🧑‍💻 Debugging interface",
-            "📈 Incrementing statistics"
+            "🦌 Vadveszélyt jelző tábla észlelése",
+            "🚘 Panoramax autó © keresése",
+            "☕ Koffeininjekció",
+            "😀 Mosolyogj, fel lettél térképezve!",
+            "🐈 Kiscicás képek megosztása",
+            "😴 Halogatás csökkentése",
+            "🫖 Tea megfőzése",
+            "🐧 Forráskód felnyitása",
+            "🚇 Metróállomások indexelése",
+            "🧹 Metaadatok tisztogatása",
+            "🚒 Tűzoltóságról szóló fotók beküldése",
+            "🚲 Zöldutak frissítése",
+            "🚉 Peronok bejárása",
+            "🛰️ Műholdak keresése",
+            "👥 Personák megírása",
+            "🐟 Sültkrumplikapók lokalizálása",
+            "🧑‍💻 Hibakereső felület",
+            "📈 Statisztika növelése"
         ],
-        "error_psv": "A fényképek gömbmegjelenítője nem megfelelően töltődik be",
-        "error_pic": "A kért kép nem tölthető be",
-        "error_nopic": "Nem érhető el kép a megadott helyen",
+        "error_psv": "A Photo Sphere Viewer (gömbpanoráma-nézegető) nem töltődik be megfelelően",
+        "error_pic": "A kért kép nem található",
+        "error_nopic": "Az adott helyen nem érhető el kép",
         "error_api": "A képkiszolgáló nem érhető el",
         "error_webgl": "A WebGL nem támogatott ebben a böngészőben",
-        "error_josm": "A JOSM nem válaszol, fut és elérhető távolról?",
-        "error_api_compatibility": "A fotókiszolgáló nem kompatibilis ezzel a megjelenítővel",
+        "error_josm": "A JOSM nem válaszol. Valóban fut és elérhető távolról?",
+        "error_api_compatibility": "A képkiszolgáló nem kompatibilis a képnézegető ezen verziójával",
         "filter_date": "Dátum szerint",
         "filter_user": "Felhasználó szerint",
-        "filter_picture": "Kép típusa szerint",
+        "filter_picture": "Képtípus szerint",
         "picture_flat": "Klasszikus",
         "picture_360": "360°",
         "filter_camera_model": "Kameramodell szerint",
         "filter_reset": "Szűrők törlése",
-        "map_background": "Térképes háttér",
-        "map_background_aerial": "Légi",
-        "map_background_streets": "Utcák",
+        "map_background": "Térképháttér",
+        "map_background_aerial": "Légi felvétel",
+        "map_background_streets": "képUtca",
         "map_theme": "Térkép témája",
-        "map_theme_default": "Alapértelmezés szerint",
-        "map_theme_age": "Rögzítés ideje szerint",
+        "map_theme_default": "Klasszikus",
+        "map_theme_age": "Képkészítés ideje",
         "map_theme_age_1": "> 2 éve",
         "map_theme_age_2": "< 2 éve",
         "map_theme_age_3": "< 1 éve",
         "map_theme_age_4": "< 1 hónapja",
-        "map_theme_type": "Kameratípus szerint",
-        "contrast": "Magas képkontraszt bekapcsolása",
-        "metadata": "Fotó metaadatok",
-        "metadata_general_picid": "Fénykép azonosítója",
-        "metadata_general_seqid": "Sorozat azonosító",
-        "metadata_general_picid_link": "Tovább a fénykép JSON leírásához",
-        "metadata_general_seqid_link": "Tovább a sorozat JSON leírásához",
+        "map_theme_type": "Kameratípus",
+        "contrast": "Nagyobb képkontraszt engedélyezése",
+        "metadata": "Kép metaadatai",
+        "metadata_general_picid": "Kép azonosítójs",
+        "metadata_general_seqid": "Sorozat azonosítója",
+        "metadata_general_picid_link": "Ugrás a kép JSON leírásához",
+        "metadata_general_seqid_link": "Ugrás a sorozat JSON leírásához",
         "metadata_general_author": "Szerző",
-        "metadata_general_license": "Engedély",
-        "metadata_general_license_link": "Tovább a licenc bemutató oldalára",
+        "metadata_general_license": "Licenc (engedély)",
+        "metadata_general_license_link": "Ugrás a licenc teljes leírásához",
         "metadata_general_date": "Készítés dátuma",
         "metadata_camera": "Kamera",
         "metadata_camera_make": "Gyártó",
@@ -118,16 +118,51 @@
         "metadata_location": "Helyszín",
         "metadata_location_longitude": "Hosszúság",
         "metadata_location_latitude": "Szélesség",
-        "metadata_location_orientation": "Felvételi irány",
-        "metadata_location_precision": "Helymeghatározási pontosság",
+        "metadata_location_orientation": "Felvétel iránya",
+        "metadata_location_precision": "Helymeghatározás pontossága",
         "metadata_exif": "EXIF / XMP",
         "metadata_exif_name": "Címke",
-        "metadata_exif_value": "Érték"
+        "metadata_exif_value": "Érték",
+        "report": "Kép bejelentése",
+        "report_auth": "A jelentés a fiókod ({a}) felhasználásával lesz elküldve",
+        "report_nature": {
+            "": "Probléma jellegének kiválasztása…",
+            "blur_missing": "A képen látszik egy személy arca vagy egy rendszámtábla",
+            "blur_excess": "A képen el van mosódva egy olyan objektum, amelynek nem kellene elmosódva lennie",
+            "inappropriate": "A kép nem megfelelő (irreleváns, meztelenséget jelenít meg stb.)",
+            "privacy": "A képen magánút vagy magánterület látható",
+            "picture_low_quality": "A kép nagyon rossz minőségű",
+            "mislocated": "A kép rosszul van elhelyezve a térképen",
+            "copyright": "A kép szerzői jogot sért",
+            "other": "Bármilyen más jellegű probléma"
+        },
+        "report_nature_label": "Probléma jellege",
+        "report_details": "További részletek",
+        "filter_zoom_in": "Nagyíts a szűrők láthatóvá tételéhez",
+        "report_email": "E-mail-cím",
+        "report_email_placeholder": "Nem kötelező",
+        "report_submit": "Beküldés",
+        "report_success": "A jelentés sikeresen be lett küldve; a lehető leghamarabb megvizsgáljuk.",
+        "report_failure": "Hiba történt a jelentés létrehozásakor: {e}. Kérjük, próbáld meg később újra.",
+        "search_user": "Felhasználónév keresése…",
+        "search_address": "Cím, város stb. keresése…",
+        "share_embed_docs": "További információ a beágyazás konfigurálásáról",
+        "error_click": "Kattints a folytatáshoz",
+        "error_retry": "Kérjük, próbáld meg később",
+        "legend_title": "Kép adatainak megjelenítése",
+        "report_whole_sequence": "A teljes sorozatra vonatkozik",
+        "report_wait": "Jelentés beküldése folyamatban…",
+        "report_details_placeholder": "Megadhatsz további részleteket a problémáról (nem kötelező)"
     },
     "map": {
         "loading": "Betöltés…",
         "thumbnail": "A kurzorral mutatott kép bélyegképe",
         "no_thumbnail": "Nincs bélyegkép",
-        "not_public": "Nem látható nyilvánosan"
+        "not_public": "Nem látható nyilvánosan",
+        "slow_loading": "A térkép lassan töltődik be, és lehet, hogy lerobbant"
+    },
+    "maplibre": {
+        "GeolocateControl.FindMyLocation": "Tartózkodási hely megtalálása",
+        "GeolocateControl.LocationNotAvailable": "Tartózkodási hely nem érhető el"
     }
 }

package/src/utils/API.js

@@ -76,6 +76,22 @@ export default class API {
 		return this._isReady == 1;
 	}
 
+	/**
+	 * List of available features offered by API
+	 * @returns {string[]} Keywords of enabled features
+	 */
+	getAvailableFeatures() {
+		return Object.entries(this._endpoints).filter(e => e[1] !== null).map(e => e[0]);
+	}
+
+	/**
+	 * List of unavailable features on API
+	 * @returns {string[]} Keywords of disabled features
+	 */
+	getUnavailableFeatures() {
+		return Object.entries(this._endpoints).filter(e => e[1] === null).map(e => e[0]);
+	}
+
 	/**
 	 * Interprets JSON landing page and store important information
 	 *
@@ -107,7 +123,7 @@ export default class API {
 		// Read metadata
 		this._metadata.name = landing.title || "Unnamed";
 		this._metadata.stac_version = landing.stac_version;
-		this._metadata.geovisio_version = landing.geovisio_version || "Unknown";
+		this._metadata.geovisio_version = landing.geovisio_version;
 
 		// Read links
 		const supportedLinks = [
@@ -243,7 +259,7 @@ export default class API {
 		const mapUsers = new Set(users || []);
 
 		// Load all necessary map styles
-		this.mapStyle = { version: 8, sources: {}, layers: [] };
+		this.mapStyle = { version: 8, sources: {}, layers: [], metadata: {} };
 		const stylePromises = [ this.getMapStyle() ];
 
 		// General map style
@@ -263,7 +279,7 @@ export default class API {
 		return Promise.all(stylePromises)
 			.then(styles => {
 				const overridableProps = [
-					"bearing", "center", "glyphs", "light", "metadata", "name",
+					"bearing", "center", "glyphs", "light", "name",
 					"pitch", "sky", "sprite", "terrain", "transition", "zoom"
 				];
 
@@ -272,6 +288,7 @@ export default class API {
 						if(style[p]) { this.mapStyle[p] = style[p] || this.mapStyle[p]; }
 					});
 					Object.assign(this.mapStyle.sources, style?.sources || {});
+					Object.assign(this.mapStyle.metadata, style?.metadata || {});
 					this.mapStyle.layers = this.mapStyle.layers.concat(style?.layers || []);
 				});
 			})

package/src/utils/Exif.js

@@ -41,17 +41,12 @@ export function getExifFloat(val) {
  * @private
  */
 export function getGPSPrecision(picture) {
-	let quality = "unknown";
-	const gpsHPosError = getExifFloat(picture?.properties?.exif?.["Exif.GPSInfo.GPSHPositioningError"]);
+	let quality = "❓";
+	const gpsHPosError = picture?.properties?.["quality:horizontal_accuracy"] || getExifFloat(picture?.properties?.exif?.["Exif.GPSInfo.GPSHPositioningError"]);
 	const gpsDop = getExifFloat(picture?.properties?.exif?.["Exif.GPSInfo.GPSDOP"]);
 	
 	if(gpsHPosError !== undefined) {
-		if(gpsHPosError < 0.5) { quality = "ideal"; }
-		else if(gpsHPosError < 1) { quality = "excellent"; }
-		else if(gpsHPosError < 3) { quality = "good"; }
-		else if(gpsHPosError < 7) { quality = "moderate"; }
-		else if(gpsHPosError < 10) { quality = "fair"; }
-		else { quality = "poor"; }
+		quality = `${gpsHPosError} m`;
 	}
 	else if(gpsDop !== undefined) {
 		if(gpsDop < 1) { quality = "ideal"; }