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 @@
+
+
+
+
+
+
+
+