@panoramax/web-viewer 4.0.1 → 4.0.2-develop-9b499e28

package/src/components/ui/widgets/CopyCoordinates.js

@@ -0,0 +1,75 @@
+import { LitElement, html, css } from "lit";
+import { degToDms } from "../../../utils/utils";
+import { fa } from "../../../utils/widgets";
+import { faChevronDown } from "@fortawesome/free-solid-svg-icons/faChevronDown";
+import { btngroup } from "../../styles";
+
+/**
+ * Copy Coordinates button allows easy copy of several format of map coordinates.
+ * @class Panoramax.components.ui.widgets.CopyCoordinates
+ * @element pnx-copy-coordinates
+ * @extends [lit.LitElement](https://lit.dev/docs/api/LitElement/)
+ * @example
+ * ```html
+ * <pnx-copy-coordinates gps=${[-1.7, 48.6]} _parent=${viewer} />
+ * ```
+ */
+export default class CopyCoordinates extends LitElement {
+	/** @private */
+	static styles = [btngroup, css`
+		pnx-togglable-group::part(menu) {
+			border-radius: 5px;
+			min-width: unset;
+		}
+	`];
+
+	/**
+	 * Component properties.
+	 * @memberof Panoramax.components.ui.widgets.CopyCoordinates#
+	 * @type {Object}
+	 * @property {number[]} gps GPS/map coordinates, as [lon, lat]
+	 */
+	static properties = {
+		gps: {type: Array},
+	};
+
+	/** @private */
+	render() {
+		const dmslonval = degToDms(this.gps[0]);
+		const dmslon = dmslonval.d < 0 ? `${Math.abs(dmslonval.d)}°${dmslonval.m}'${dmslonval.s}"W` : `${dmslonval.d}°${dmslonval.m}'${dmslonval.s}"E`;
+		const dmslatval = degToDms(this.gps[1]);
+		const dmslat = dmslatval.d < 0 ? `${Math.abs(dmslatval.d)}°${dmslatval.m}'${dmslatval.s}"S` : `${dmslatval.d}°${dmslatval.m}'${dmslatval.s}"N`;
+
+		const values = {
+			ddeclatlon: `${this.gps[1].toFixed(7)}, ${this.gps[0].toFixed(7)}`,
+			ddeclonlat: `${this.gps[0].toFixed(7)}, ${this.gps[1].toFixed(7)}`,
+			ddmslonlat: `${dmslon}, ${dmslat}`,
+			ddmslatlon: `${dmslat}, ${dmslon}`,
+		};
+
+		return html`<pnx-button-group style="display: inline-block; vertical-align: baseline" dir="row">
+			<pnx-copy-button
+				size="sm"
+				text=${values.ddeclonlat}
+				title=${this._parent?._t.pnx.metadata_location_copy.replace("{v}", values.ddeclonlat)}
+			></pnx-copy-button>
+
+			<pnx-togglable-group padded="false" ._parent=${this._parent}>
+				<pnx-button
+					size="sm"
+					slot="button"
+					title=${this._parent?._t.pnx.metadata_location_copy_more}
+				>${fa(faChevronDown)}</pnx-button>
+				<pnx-list-group>
+					${Object.values(values).map(text => html`
+						<pnx-copy-button unstyled text=${text} ._t=${this._parent._t}>
+							${this._parent?._t.pnx.metadata_location_copy.replace("{v}", text)}
+						</pnx-copy-button>
+					`)}
+				</pnx-list-group>
+			</pnx-togglable-group>
+		</pnx-button-group>`;
+	}
+}
+
+customElements.define("pnx-copy-coordinates", CopyCoordinates);

package/src/components/ui/widgets/GeoSearch.js

@@ -2,10 +2,14 @@
 import maplibregl from "!maplibre-gl";
 
 import { LitElement, html } from "lit";
-import { forwardGeocodingBAN, forwardGeocodingNominatim } from "../../../utils/geocoder";
+import { forwardGeocodingBAN, forwardGeocodingStandard, forwardGeocodingNominatim } from "../../../utils/geocoder";
 import "./GeoSearch.css";
 
-const GEOCODER_ENGINES = { "ban": forwardGeocodingBAN, "nominatim": forwardGeocodingNominatim };
+const GEOCODER_ENGINES = {
+	"ban": forwardGeocodingBAN,
+	"standard": forwardGeocodingStandard,
+	"nominatim": forwardGeocodingNominatim
+};
 
 /**
  * Ready-to-use geocoder search bar.
@@ -14,7 +18,11 @@ const GEOCODER_ENGINES = { "ban": forwardGeocodingBAN, "nominatim": forwardGeoco
  * @extends [lit.LitElement](https://lit.dev/docs/api/LitElement/)
  * @example
  * ```html
+ * <!-- Default geocoder -->
  * <pnx-widget-geosearch _parent=${viewer} />
+ * 
+ * <!-- Custom-URL geocoder -->
+ * <pnx-widget-geosearch geocoder="https://photon.komoot.io/api" _parent=${viewer} />
  * ```
  */
 export default class GeoSearch extends LitElement {
@@ -22,7 +30,7 @@ export default class GeoSearch extends LitElement {
 	 * Component properties.
 	 * @memberof Panoramax.components.ui.widgets.GeoSearch#
 	 * @type {Object}
-	 * @property {string} [geocoder=nominatim] The geocoder engine to use (nominatim, ban)
+	 * @property {string} [geocoder=nominatim] The geocoder engine to use (nominatim, ban, or URL to a standard [GeocodeJSON-compliant](https://github.com/geocoders/geocodejson-spec/blob/master/draft/README.md) API)
 	 */
 	static properties = {
 		geocoder: {type: String},
@@ -54,7 +62,7 @@ export default class GeoSearch extends LitElement {
 	connectedCallback() {
 		super.connectedCallback();
 
-		this._geocoderEngine = GEOCODER_ENGINES[this.geocoder];
+		this._geocoderEngine = GEOCODER_ENGINES[this.geocoder] || (config => GEOCODER_ENGINES.standard(config, this.geocoder));
 		this._parent?.onceMapReady?.().then(() => {
 			this._geolocate = this._geolocateCtrl.onAdd(this._parent.map);
 			this._geolocate.setAttribute("slot", "pre");
@@ -84,7 +92,7 @@ export default class GeoSearch extends LitElement {
 		else {
 			return this._geocoderEngine({
 				query,
-				limit: 3,
+				limit: 5,
 				//bbox: this._parent.map.getBounds().toArray().map(d => d.join(",")).join(","),
 				proximity: this._parent.map.getCenter().lat+","+this._parent.map.getCenter().lng,
 			}).then(data => {

package/src/components/ui/widgets/Legend.js

@@ -81,7 +81,7 @@ export default class Legend extends LitElement {
 			>
 				<img class="logo" src=${PanoramaxImg} alt="" />
 				<div>
-					Panoramax est le géocommun des photos de rues.
+					${this._parent?._t.pnx.whats_panoramax}
 					<pnx-link-button
 						title=${this._parent?._t.map.more_panoramax}
 						kind="superinline"

package/src/components/ui/widgets/OSMEditors.js

@@ -1,12 +1,12 @@
 import { LitElement, html, nothing, css } from "lit";
 import { fa } from "../../../utils/widgets";
 import { josmBboxParameters } from "../../../utils/utils";
+import { IdEditorURL } from "../../../utils/services";
 import { faLocationDot } from "@fortawesome/free-solid-svg-icons/faLocationDot";
 import { faSatelliteDish } from "@fortawesome/free-solid-svg-icons/faSatelliteDish";
 import { faExternalLinkAlt } from "@fortawesome/free-solid-svg-icons/faExternalLinkAlt";
 
 const JOSM_REMOTE_URL = "http://127.0.0.1:8111";
-const ID_URL = "https://www.openstreetmap.org/edit?editor=id";
 
 /**
  * OSM Editors component offers direct links to OpenStreetMap's iD and JOSM editors.
@@ -126,7 +126,7 @@ export default class OSMEditors extends LitElement {
 				"photo_overlay": "panoramax",
 				"photo": `panoramax/${this._pic.id}`,
 			};
-			const idUrl = idOpts && `${ID_URL}#${new URLSearchParams(idOpts).toString()}`;
+			const idUrl = idOpts && `${IdEditorURL()}#${new URLSearchParams(idOpts).toString()}`;
 
 			return html`
 				<pnx-link-button

package/src/components/ui/widgets/PictureLegendActions.js

@@ -58,7 +58,7 @@ export default class PictureLegendActions extends LitElement {
 
 	/** @private */
 	_closeGroup() {
-		this.renderRoot.querySelector("pnx-togglable-group").close();
+		this.renderRoot.querySelector("#pic-legend-headline-menu").close();
 	}
 
 	/** @private */

package/src/components/ui/widgets/Player.js

@@ -105,6 +105,7 @@ export default class Player extends LitElement {
 				dir="row"
 				size=${this.size}
 				class="pnx-print-hidden"
+				style=${!this._activePrev && !this._activePlay && !this._activeNext ? "display: none": ""}
 			>
 				<pnx-button
 					kind="superflat"

package/src/components/ui/widgets/index.js

@@ -3,6 +3,7 @@
  * @module Panoramax:components:ui:widgets
  */
 
+export {default as CopyCoordinates} from "./CopyCoordinates";
 export {default as GeoSearch} from "./GeoSearch";
 export {default as Legend} from "./Legend";
 export {default as MapFiltersButton} from "./MapFiltersButton";

package/src/translations/en.json

@@ -39,6 +39,7 @@
         "share_embed": "Embed on your website",
         "share_embed_docs": "Read more about embed configuration",
         "share_print": "Print",
+        "whats_panoramax": "Panoramax is the geo-commons for territories' pictures.",
         "copy": "Copy",
         "copied": "Copied",
         "error": "We have a problem…",
@@ -156,10 +157,11 @@
         "metadata_camera_resolution": "Resolution",
         "metadata_camera_focal_length": "Focal length",
         "metadata_location": "Position",
-        "metadata_location_longitude": "Longitude",
-        "metadata_location_latitude": "Latitude",
+        "metadata_location_coordinates": "Coordinates (longitude, latitude)",
         "metadata_location_orientation": "Direction",
         "metadata_location_precision": "Positioning precision",
+        "metadata_location_copy": "Copy {v}",
+        "metadata_location_copy_more": "More coordinates copy options",
         "metadata_quality": "Quality",
         "metadata_quality_help": "Know more about Quality Score",
         "metadata_quality_score": "Global score",
@@ -169,6 +171,8 @@
         "metadata_exif": "EXIF",
         "metadata_exif_name": "Tag",
         "metadata_exif_value": "Value",
+        "metadata_exif_doc": "Docs for EXIF tags",
+        "metadata_exif_doc_title": "Go to Exiv2 documentation to have full details on EXIF and XMP tags definitions",
         "report": "Report",
         "report_auth": "This report will be sent using your account \"{a}\"",
         "report_nature_label": "Nature of the issue",

package/src/translations/fr.json

@@ -39,6 +39,7 @@
         "share_embed": "Intégration sur votre site",
         "share_embed_docs": "Découvrir plus de possibilités pour l'intégration sur votre site",
         "share_print": "Imprimer",
+        "whats_panoramax": "Panoramax est le géocommun des photos des territoires.",
         "copy": "Copier",
         "copied": "Copié",
         "error": "On a un problème…",
@@ -156,10 +157,11 @@
         "metadata_camera_resolution": "Résolution",
         "metadata_camera_focal_length": "Longueur focale",
         "metadata_location": "Position",
-        "metadata_location_longitude": "Longitude",
-        "metadata_location_latitude": "Latitude",
+        "metadata_location_coordinates": "Coordonnées (longitude, latitude)",
         "metadata_location_orientation": "Direction",
         "metadata_location_precision": "Précision du positionnement",
+        "metadata_location_copy": "Copier {v}",
+        "metadata_location_copy_more": "Copier d'autres formats de coordonnées",
         "metadata_quality": "Qualité",
         "metadata_quality_help": "En savoir plus sur le score de qualité",
         "metadata_quality_score": "Note globale",
@@ -169,6 +171,8 @@
         "metadata_exif": "EXIF",
         "metadata_exif_name": "Balise",
         "metadata_exif_value": "Valeur",
+        "metadata_exif_doc": "Doc des attributs EXIF",
+        "metadata_exif_doc_title": "Acééder à la doc Exiv2 pour en savoir plus sur les attributs EXIF et XMP",
         "report": "Signaler",
         "report_auth": "Ce signalement sera envoyé en utilisant votre compte \"{a}\"",
         "report_nature_label": "Nature du problème",

package/src/translations/it.json

@@ -183,7 +183,9 @@
         "contribute_id": "Contribuisci a OpenStreetMap con l’editor iD",
         "geo_uri": "App esterna",
         "filter_date_6months": "6 mesi",
-        "picture_all": "Tutte"
+        "picture_all": "Tutte",
+        "metadata_exif_doc": "Doc per gli attributi EXIF",
+        "metadata_exif_doc_title": "Vai alla documentazione di Exiv2 per i dettagli completi sulle definizioni degli attributi EXIF e XMP"
     },
     "psv": {
         "loadError": "Impossibile caricare l’immagine panoramica",

package/src/translations/ti.json

@@ -0,0 +1,9 @@
+{
+    "pnx": {
+        "share": "ናይ ሓባር",
+        "error_click": "ቀፃሊ",
+        "zoom": "ዙም",
+        "options": "ኣማራጺታት",
+        "copy": "ቅዳሕ"
+    }
+}

package/src/utils/API.js

@@ -8,7 +8,7 @@ import { isNullId } from "./utils";
  * @typicalname api
  * @fires Panoramax.utils.API#ready
  * @fires Panoramax.utils.API#broken
- * @param {string} endpoint The endpoint. It corresponds to the <a href="https://github.com/radiantearth/stac-api-spec/blob/main/overview.md#example-landing-page">STAC landing page</a>, with all links describing the API capabilites.
+ * @param {string} endpoint The endpoint. It corresponds to the <a href="https://github.com/radiantearth/stac-api-spec/blob/main/overview.md#example-landing-page">STAC landing page</a>, with all links describing the API capabilities.
  * @param {object} [options] Options
  * @param {string|object} [options.style] General map style
  * @param {string} [options.tiles] API route serving pictures & sequences vector tiles

package/src/utils/InitParameters.js

@@ -323,7 +323,7 @@ export function alterPSVState(psv, params) {
  * @param {Map} map The MapLibre component to change.
  * @param {object} params The parameters to apply.
  */
-export function alterMapState(map, params) {
+export async function alterMapState(map, params) {
 	// Map position
 	const mapOpts = getMapPositionFromString(params.map, map);
 	if(mapOpts) {
@@ -333,7 +333,7 @@ export function alterMapState(map, params) {
 	// Visible users
 	let vu = Array.isArray(params.users) ? params.users : (params.users || "").split(",");
 	if(vu.length === 0 || (vu.length === 1 && vu[0].trim() === "")) { vu = ["geovisio"]; }
-	map.setVisibleUsers(vu);
+	await map.setVisibleUsers(vu);
 
 	// Change map filters
 	map.setFilters?.(paramsToMapFilters(params));

package/src/utils/geocoder.js

@@ -1,6 +1,22 @@
 // DO NOT REMOVE THE "!": bundled builds breaks otherwise !!!
 import maplibregl from "!maplibre-gl";
 
+import { NominatimBaseUrl, AdresseDataGouvBaseURL } from "./services";
+
+const PLACETYPE_ZOOM =  {
+	"house": 20,
+	"housenumber": 20,
+	"street": 18,
+	"locality": 15,
+	"district": 13,
+	"municipality": 12,
+	"city": 12,
+	"county": 8,
+	"region": 7,
+	"state": 7,
+	"country": 5
+};
+
 /**
  * Transforms a set of parameters into an URL-ready string
  * It also removes null/undefined values
@@ -18,69 +34,6 @@ function geocoderParamsToURLString(params) {
 	return new URLSearchParams(p).toString();
 }
 
-/**
- * Transforms Nominatim search result into a nice-to-display address.
- * @param {object} addr The Nominatim API "address" property
- * @returns {string} The clean-up string for display
- * @private
- */
-function nominatimAddressToPlaceName(addr) {
-	// API format @ https://nominatim.org/release-docs/develop/api/Output/#addressdetails
-	if(!addr || typeof addr != "object") { return ""; }
-
-	let res = "";
-
-	// House n°-like
-	if(addr.house_number) { res = addr.house_number; }
-	else if(addr.house_name) { res = addr.house_name; }
-	else {
-		const potentialNames = [
-			"emergency", "historic", "military", "natural", "landuse", "place", "railway", "man_made",
-			"aerialway", "boundary", "amenity", "aeroway", "club", "craft", "leisure", "office",
-			"mountain_pass", "shop", "tourism", "bridge", "tunnel", "waterway", "park"
-		];
-		for(let pn of potentialNames) {
-			if(addr[pn]) {
-				res = addr[pn];
-				break;
-			}
-		}
-	}
-
-	// Street-like
-	let street;
-	if(addr.road && addr.road.length > 6) { street = addr.road; }
-	else {
-		const potentialNames = [
-			// Hamlet-like
-			"hamlet", "croft", "isolated_dwelling",
-			// Zone Indus-like
-			"farm", "farmyard", "industrial", "commercial", "retail", "city_block", "residential",
-			// Quarter-like
-			"neighbourhood", "allotments", "quarter",
-			// Fallback to road if nothing else found
-			"road"
-		];
-		for(let pn of potentialNames) {
-			if(addr[pn]) {
-				street = addr[pn];
-				break;
-			}
-		}
-	}
-
-	if(street && res.length > 0) { res += (addr.house_number ? " " : ", ")+street; }
-	else if(street) { res = street; }
-
-	// City
-	if(addr.village || addr.town || addr.city || addr.municipality) {
-		if(res.length > 0) { res += ", "; }
-		res += addr.village || addr.town || addr.city || addr.municipality;
-	}
-
-	return res;
-}
-
 /**
  * Nominatim (OSM) geocoder, ready to use for our Map
  * @private
@@ -94,18 +47,19 @@ export function forwardGeocodingNominatim(config) {
 		viewbox: config.bbox,
 	};
 
-	return fetch(`https://nominatim.openstreetmap.org/search?${geocoderParamsToURLString(params)}&format=geojson&polygon_geojson=1&addressdetails=1`)
+	return fetch(`${NominatimBaseUrl()}/search?${geocoderParamsToURLString(params)}&format=geocodejson&addressdetails=1`)
 		.then(res => res.json())
 		.then(res => {
 			const finalRes = { features: [] };
 			const listedNames = [];
-			res.features.forEach(f => {
-				const plname = nominatimAddressToPlaceName(f.properties.address) || f.properties.display_name;
+			(res.features || []).forEach(f => {
+				const plname = geocodeJsonToPlaceName(f.properties?.geocoding) || f.properties?.geocoding?.label;
 				if(!listedNames.includes(plname)) {
 					finalRes.features.push({
 						place_type: ["place"],
 						place_name: plname,
-						bounds: new maplibregl.LngLatBounds(f.bbox),
+						center: new maplibregl.LngLat(...f.geometry.coordinates),
+						zoom: PLACETYPE_ZOOM[f.properties?.geocoding?.type],
 					});
 					listedNames.push(plname);
 				}
@@ -115,18 +69,113 @@ export function forwardGeocodingNominatim(config) {
 }
 
 export function reverseGeocodingNominatim(lat, lon) {
-	return fetch(`https://nominatim.openstreetmap.org/reverse?lat=${lat}&lon=${lon}&zoom=18&format=jsonv2`)
+	return fetch(`${NominatimBaseUrl()}/reverse?lat=${lat}&lon=${lon}&zoom=18&format=geocodejson`)
 		.then(res => res.json())
-		.then(res => nominatimAddressToPlaceName(res?.address));
+		.then(res => geocodeJsonToPlaceName(res?.features?.shift()?.properties?.geocoding));
 }
 
 /**
  * Base adresse nationale (FR) geocoder, ready to use for our Map
- * @param {object} config Configuration sent by MapLibre GL Geocoder, following the geocoderApi format ( https://github.com/maplibre/maplibre-gl-geocoder/blob/main/API.md#setgeocoderapi )
- * @returns {object} GeoJSON Feature collection in Carmen GeoJSON format
+ * @param {object} config Configuration sent by MapLibre GL Geocoder, following the geocoderApi format ( https://maplibre.org/maplibre-gl-geocoder/types/MaplibreGeocoderApiConfig.html )
+ * @returns {object} GeoJSON Feature collection in Carmen GeoJSON format ( https://maplibre.org/maplibre-gl-geocoder/types/CarmenGeojsonFeature.html )
  * @private
  */
 export function forwardGeocodingBAN(config) {
+	return forwardGeocodingStandard(config, AdresseDataGouvBaseURL());
+}
+
+/**
+ * Transforms GeocodeJSON search result into a nice-to-display address.
+ * @param {object} props The GecodeJSON API feature properties
+ * @returns {string} The clean-up string for display
+ * @private
+ */
+function geocodeJsonToPlaceName(props) {
+	// API format @ https://github.com/geocoders/geocodejson-spec/blob/master/draft/README.md
+	if(!props || typeof props != "object") { return ""; }
+
+	// P1 = main name, P2=locality-like, P3=country+high-level admin
+	let p1 = props.name;
+	let p2 = [], p3 = [];
+
+	switch(props.type) {
+	case "hamlet":
+	case "croft":
+	case "isolated_dwelling":
+	case "neighbourhood":
+	case "allotments":
+	case "quarter":
+	case "farm":
+	case "farmyard":
+	case "industrial":
+	case "commercial":
+	case "retail":
+	case "city_block":
+	case "residential":
+	case "locality":
+	case "district":
+		p3.push(props.city);
+		p3.push(props.county);
+		p3.push(props.state);
+		p3.push(props.country);
+		break;
+	case "city":
+		p3.push(props.county);
+		p3.push(props.state);
+		p3.push(props.country);
+		break;
+	case "region":
+		p3.push(props.county);
+		p3.push(props.state);
+		p3.push(props.country);
+		break;
+	case "country":
+		break;
+	case "house":
+	case "housenumber":
+		p2.push(props.housenumber);
+		p2.push(props.street);
+		p2.push(props.locality);
+		p2.push(props.district);
+		p3.push(props.city);
+		p3.push(props.county);
+		p3.push(props.state);
+		p3.push(props.country);
+		break;
+	case "street":
+	case "road":
+	default:
+		p2.push(props.street);
+		p2.push(props.locality);
+		p2.push(props.district);
+		p3.push(props.city);
+		p3.push(props.county);
+		p3.push(props.state);
+		p3.push(props.country);
+		break;
+	}
+
+	p2 = p2.filter(v => v);
+	p2 = p2.filter((v,i) => v != p1 && (i === 0 || p2[i-1] !== v));
+	p2 = p2.length > 0 ? (props.housenumber ? p2.slice(0,2).join(" ") : p2.shift()) : null;
+	if(p2 === p1) { p2 = null; }
+
+	p3 = p3.filter(v => v);
+	p3 = p3.filter((v,i) => v != p1 && (!p2 || !p2.includes(v)) && (i === 0 || p3[i-1] !== v));
+
+	let res = [p1, p2, p3.shift()].filter(v => v);
+
+	return res.join(", ");
+}
+
+/**
+ * Standard forward geocoder
+ * @param {object} config Configuration sent by MapLibre GL Geocoder, following the geocoderApi format ( https://maplibre.org/maplibre-gl-geocoder/types/MaplibreGeocoderApiConfig.html )
+ * @param {string} endpoint The URL endpoint (everything before the /?q=...)
+ * @returns {object} GeoJSON Feature collection in Carmen GeoJSON format ( https://maplibre.org/maplibre-gl-geocoder/types/CarmenGeojsonFeature.html )
+ * @private
+ */
+export function forwardGeocodingStandard(config, endpoint) {
 	// Transform parameters into BAN format
 	const params = { q: config.query, limit: config.limit };
 	if(typeof config.proximity === "string") {
@@ -135,18 +184,23 @@ export function forwardGeocodingBAN(config) {
 		params.lon = lon;
 	}
 
-	const toPlaceName = p => [p.name, p.district, p.city].filter(v => v).join(", ");
-	const placeTypeToZoom =  { "housenumber": 20, "street": 18, "locality": 15, "municipality": 12 };
-	
-	return fetch(`https://api-adresse.data.gouv.fr/search/?${geocoderParamsToURLString(params)}`)
+	return fetch(`${endpoint}/?${geocoderParamsToURLString(params)}`)
 		.then(res => res.json())
 		.then(res => {
-			res.features = res.features.map(f => ({
-				place_type: ["place"],
-				place_name: toPlaceName(f.properties),
-				center: new maplibregl.LngLat(...f.geometry.coordinates),
-				zoom: placeTypeToZoom[f.properties.type],
-			}));
-			return res;
+			const finalRes = { features: [] };
+			const listedNames = [];
+			(res.features || []).forEach(f => {
+				const plname = geocodeJsonToPlaceName(f.properties);
+				if(!listedNames.includes(plname) && f.properties.type != "other") {
+					finalRes.features.push({
+						place_type: ["place"],
+						place_name: plname,
+						center: new maplibregl.LngLat(...f.geometry.coordinates),
+						zoom: PLACETYPE_ZOOM[f.properties.type],
+					});
+					listedNames.push(plname);
+				}
+			});
+			return finalRes;
 		});
-}
+}

package/src/utils/index.js

@@ -2,10 +2,11 @@ import * as geocoder from "./geocoder";
 import * as i18n from "./i18n";
 import * as map from "./map";
 import * as picture from "./picture";
+import * as services from "./services";
 import * as utils from "./utils";
 import * as widgets from "./widgets";
 
-export { geocoder, i18n, map, picture, utils, widgets };
+export { geocoder, i18n, map, picture, services, utils, widgets };
 export {default as API} from "./API";
 export {default as PhotoAdapter} from "./PhotoAdapter";
 export {default as URLHandler} from "./URLHandler";

package/src/utils/picture.js

@@ -191,7 +191,12 @@ export function getCroppedPanoData(picture) {
 	// Check if crop is really necessary
 	if(res) {
 		res = Object.fromEntries(Object.entries(res || {}).filter(e => !isNaN(e[1])));
-		if(res.fullWidth == res.croppedWidth && res.fullHeight == res.croppedHeight) {
+		if(
+			(!res.fullWidth && !res.croppedWidth && res.fullHeight && !res.croppedHeight)
+			|| (res.fullWidth && !res.croppedWidth && !res.fullHeight && !res.croppedHeight)
+			|| (res.fullWidth && !res.croppedWidth && res.fullHeight && !res.croppedHeight)
+			|| (res.fullWidth == res.croppedWidth && res.fullHeight == res.croppedHeight)
+		) {
 			res = {};
 		}
 	}

package/src/utils/services.js

@@ -0,0 +1,57 @@
+/*
+ * Settings that may be useful to change for special cases (e.g. offline implementation).
+ * Most users will be fine with the defaults.
+ */
+
+
+/**
+ * OpenStreetMap iD editor URL
+ * @returns {string} The editor URL
+ */
+export function IdEditorURL() {
+	return "https://www.openstreetmap.org/edit?editor=id";
+}
+
+
+/* -----------------------------------------------------
+ * Internet speed tests
+ */
+
+/**
+ * Get the threshold fast internet speed value.
+ *
+ * @returns {number} the minimum speed in MBps for internet to be considered "fast"
+ */
+export function InternetFastThreshold() {
+	return 10;
+}
+
+/**
+ * Get the fast internet speed test file.
+ *
+ * @returns {string} URL for the file to use for internet speed testing.
+ */
+export function InternetFastTestFile() {
+	return "https://panoramax.openstreetmap.fr/images/05/ca/2c/98/0111-4baf-b6f3-587bb8847d2e.jpg";
+}
+
+
+/* -----------------------------------------------------
+ * Geocoding-related settings
+ */
+
+/**
+ * Get the Base Adresse Nationale URL for geocoding API.
+ * @returns {string} The Base Adresse Nationale URL (must support /search calls).
+ */
+export function AdresseDataGouvBaseURL() {
+	return "https://data.geopf.fr/geocodage/search";
+}
+
+/**
+ * Get the Nominatim base URL for geocoding API.
+ * @returns {string} The Nominatim URL (must support /search & /reverse calls).
+ */
+export function NominatimBaseUrl() {
+	return "https://nominatim.openstreetmap.org";
+}