@maptiler/geocoding-control 0.0.91-git.4d23c0 → 0.0.91-git.535bd0

package/FeatureItem.svelte

@@ -8,7 +8,7 @@ $: imageUrl = category
     ? `/icons/${category.replace(/ /g, "_")}.svg`
     : undefined;
 $: placeType = feature.id.startsWith("poi.")
-    ? feature.properties?.categories?.join(" ,")
+    ? feature.properties?.categories?.join(", ")
     : feature.properties?.place_type_name?.[0] ?? feature.place_type[0];
 function handleImgError(e) {
     if (index > -1) {

package/GeocodingControl.svelte

@@ -37,6 +37,7 @@ export let trackProximity = true;
 export let types = undefined;
 export let zoom = 16;
 export let maxZoom = 18;
+export let apiUrl = import.meta.env.VITE_API_URL;
 export let fetchParameters = {};
 export function focus() {
     input.focus();
@@ -70,6 +71,7 @@ let cachedFeatures = [];
 let abortController;
 let searchTimeoutRef;
 let focusedDelayed;
+let prevIdToFly;
 const dispatch = createEventDispatcher();
 $: if (!trackProximity) {
     proximity = undefined;
@@ -80,19 +82,22 @@ $: if (showFullGeometry &&
     picked.geometry.type === "Point") {
     search(picked.id, { byId: true }).catch((err) => (error = err));
 }
-$: if (mapController && picked && flyTo) {
-    if (!picked.bbox ||
-        (picked.bbox[0] === picked.bbox[2] && picked.bbox[1] === picked.bbox[3])) {
-        mapController.flyTo(picked.center, picked.id.startsWith("poi.") || picked.id.startsWith("address.")
-            ? maxZoom
-            : zoom);
-    }
-    else {
-        mapController.fitBounds(unwrapBbox(picked.bbox), 50, maxZoom);
+$: {
+    if (mapController && picked && picked.id !== prevIdToFly && flyTo) {
+        if (!picked.bbox ||
+            (picked.bbox[0] === picked.bbox[2] && picked.bbox[1] === picked.bbox[3])) {
+            mapController.flyTo(picked.center, picked.id.startsWith("poi.") || picked.id.startsWith("address.")
+                ? maxZoom
+                : zoom);
+        }
+        else {
+            mapController.fitBounds(unwrapBbox(picked.bbox), 50, maxZoom);
+        }
+        listFeatures = undefined;
+        markedFeatures = undefined;
+        selectedItemIndex = -1;
     }
-    listFeatures = undefined;
-    markedFeatures = undefined;
-    selectedItemIndex = -1;
+    prevIdToFly = picked?.id;
 }
 $: if (markedFeatures !== listFeatures) {
     markedFeatures = undefined;
@@ -232,11 +237,7 @@ async function search(searchValue, { byId = false, exact = false, } = {}) {
         sp.set("limit", String(limit));
     }
     sp.set("key", apiKey);
-    const url = import.meta.env.VITE_API_URL +
-        "/" +
-        encodeURIComponent(searchValue) +
-        ".json?" +
-        sp.toString();
+    const url = apiUrl + "/" + encodeURIComponent(searchValue) + ".json?" + sp.toString();
     if (url === lastSearchUrl) {
         if (byId) {
             listFeatures = undefined;

package/GeocodingControl.svelte.d.ts

@@ -32,6 +32,7 @@ declare const __propDef: {
         types?: string[] | undefined;
         zoom?: number | undefined;
         maxZoom?: number | undefined;
+        apiUrl?: string | undefined;
         fetchParameters?: RequestInit | undefined;
         focus?: (() => void) | undefined;
         blur?: (() => void) | undefined;