diff --git a/components/src/maplibre/GeocoderControl/GeocoderAPIs.ts b/components/src/maplibre/GeocoderControl/GeocoderAPIs.ts index ed30aba8..5cd82931 100644 --- a/components/src/maplibre/GeocoderControl/GeocoderAPIs.ts +++ b/components/src/maplibre/GeocoderControl/GeocoderAPIs.ts @@ -18,8 +18,21 @@ export class MaptilerGeocoderAPI implements MaplibreGeocoderApi { features: [] }; try { + const params = new URLSearchParams( + Object.fromEntries( + Object.entries({ + country: config.countries || '', + language: config.language || '', + types: config.types || '', + key: this.key || '' + }).filter(([_, value]) => { + return value !== ''; + }) + ) + ); + const response = await fetch( - `https://api.maptiler.com/geocoding/${config.query}.json?country=${config.countries}&language=${config.language}&key=${this.key}` + `https://api.maptiler.com/geocoding/${config.query}.json?${params.toString()}` ); const geojson = await response.json(); for (const feature of geojson.features) { diff --git a/components/src/maplibre/GeocoderControl/GeocoderControl.stories.svelte b/components/src/maplibre/GeocoderControl/GeocoderControl.stories.svelte index 8cf86045..31d3fdd3 100644 --- a/components/src/maplibre/GeocoderControl/GeocoderControl.stories.svelte +++ b/components/src/maplibre/GeocoderControl/GeocoderControl.stories.svelte @@ -90,6 +90,23 @@ + + +
+ + + +
+
+
+