@maptiler/geocoding-control 2.0.0-rc.4 → 2.0.0-rc.6

package/svelte/GeocodingControl.svelte

@@ -63,7 +63,6 @@ export let searchValue = "";
 export let pickedResultStyle = "full-geometry";
 export let showPlaceType = "if-needed";
 export let showResultsWhileTyping = true;
-export let autocompleteTimeout = undefined;
 export let selectFirst = true;
 export let flyToSelected = false;
 export let markerOnSelected = true;
@@ -74,7 +73,7 @@ export let zoom = ZOOM_DEFAULTS;
 export let apiUrl = "https://api.maptiler.com/geocoding";
 export let fetchParameters = {};
 export let iconsBaseUrl = "https://cdn.maptiler.com/maptiler-geocoding-control/v" +
-    "2.0.0-rc.4" +
+    "2.0.0-rc.6" +
     "/icons/";
 export let adjustUrlQuery = () => { };
 export function focus() {
@@ -87,7 +86,7 @@ export function setQuery(value, submit = true, reverse = false) {
     searchValue = value;
     if (submit) {
         selectedItemIndex = -1;
-        handleSubmit();
+        handleOnSubmit();
     }
     else {
         handleInput(!reverse, reverse);
@@ -117,7 +116,6 @@ let error;
 let cachedFeatures = [];
 let abortController;
 let searchTimeoutRef;
-let autocompleteTimeoutRef;
 let focusedDelayed;
 let prevIdToFly;
 const missingIconsCache = new Set();
@@ -181,13 +179,8 @@ $: setTimeout(() => {
         searchValue = "";
     }
 });
-function isInAutocompleteTimeout() {
-    return !!autocompleteTimeoutRef;
-}
 $: if (selectFirst && listFeatures?.length) {
-    if (!isInAutocompleteTimeout()) {
-        selectedItemIndex = 0;
-    }
+    selectedItemIndex = 0;
 }
 // clear selection on edit
 $: {
@@ -196,10 +189,6 @@ $: {
     selectedItemIndex = -1;
 }
 $: selected = listFeatures?.[selectedItemIndex];
-$: if (selected) {
-    window.clearTimeout(autocompleteTimeoutRef);
-    autocompleteTimeoutRef = undefined;
-}
 $: if (mapController) {
     const coords = isQueryReverse(searchValue);
     mapController.setReverseMarker(coords ? [coords.decimalLongitude, coords.decimalLatitude] : undefined);
@@ -256,17 +245,11 @@ onDestroy(() => {
         mapController.setMarkers(undefined, undefined);
     }
 });
-function handleSubmit(event) {
+function handleOnSubmit(event) {
     if (searchTimeoutRef) {
-        window.clearTimeout(searchTimeoutRef);
+        clearTimeout(searchTimeoutRef);
         searchTimeoutRef = undefined;
     }
-    if (autocompleteTimeoutRef) {
-        window.clearTimeout(autocompleteTimeoutRef);
-        autocompleteTimeoutRef = undefined;
-        search(searchValue, { exact: true });
-        return;
-    }
     if (selectedItemIndex > -1 && listFeatures) {
         picked = listFeatures[selectedItemIndex];
         searchValue =
@@ -298,7 +281,7 @@ function isQueryReverse(searchValue) {
         return false;
     }
 }
-async function search(searchValue, { byId = false, exact = false, appendSpace = false, } = {}) {
+async function search(searchValue, { byId = false, exact = false, } = {}) {
     error = undefined;
     abortController?.abort();
     const ac = new AbortController();
@@ -341,7 +324,7 @@ async function search(searchValue, { byId = false, exact = false, appendSpace =
             "/" +
             encodeURIComponent(isReverse
                 ? isReverse.decimalLongitude + "," + isReverse.decimalLatitude
-                : searchValue + (appendSpace ? " " : "")) +
+                : searchValue) +
             ".json?" +
             sp.toString();
         if (url === lastSearchUrl) {
@@ -493,29 +476,21 @@ function handleKeyDown(e) {
 }
 function handleInput(debounce = true, reverse = false) {
     error = undefined;
-    if (searchTimeoutRef) {
-        window.clearTimeout(searchTimeoutRef);
-        searchTimeoutRef = undefined;
-    }
-    if (autocompleteTimeoutRef) {
-        window.clearTimeout(autocompleteTimeoutRef);
-        autocompleteTimeoutRef = undefined;
+    if (showResultsWhileTyping || reverse) {
+        if (searchTimeoutRef) {
+            clearTimeout(searchTimeoutRef);
+        }
+        if (searchValue.length < minLength) {
+            return;
+        }
+        const sv = searchValue;
+        searchTimeoutRef = window.setTimeout(() => {
+            search(sv).catch((err) => (error = err));
+        }, debounce ? debounceSearch : 0);
     }
-    if ((!showResultsWhileTyping && !reverse) ||
-        searchValue.length < minLength) {
+    else {
         listFeatures = undefined;
-        return;
-    }
-    const sv = searchValue;
-    searchTimeoutRef = window.setTimeout(() => {
-        searchTimeoutRef = undefined;
-        search(sv).catch((err) => (error = err));
-    }, debounce ? debounceSearch : 0);
-    if (!searchValue.endsWith(" ")) {
-        autocompleteTimeoutRef = window.setTimeout(() => {
-            autocompleteTimeoutRef = undefined;
-            search(sv, { appendSpace: true }).catch((err) => (error = err));
-        }, autocompleteTimeout);
+        error = undefined;
     }
 }
 function pick(feature) {
@@ -533,7 +508,7 @@ function pick(feature) {
 <!-- svelte-ignore a11y-no-noninteractive-tabindex -->
 <form
   tabindex="0"
-  on:submit|preventDefault={handleSubmit}
+  on:submit|preventDefault={handleOnSubmit}
   class:can-collapse={collapsed && searchValue === ""}
   class={className}
 >
@@ -570,7 +545,7 @@ function pick(feature) {
       {/if}
     </div>
 
-    {#if enableReverse !== "never"}
+    {#if enableReverse === "button"}
       <button
         type="button"
         class:active={reverseActive}

package/svelte/GeocodingControl.svelte.d.ts

@@ -29,7 +29,6 @@ declare const __propDef: {
         pickedResultStyle?: PickedResultStyle;
         showPlaceType?: ShowPlaceType;
         showResultsWhileTyping?: boolean;
-        autocompleteTimeout?: number | undefined;
         selectFirst?: boolean;
         flyToSelected?: boolean;
         markerOnSelected?: boolean;

package/svelte/MapLibreBasedGeocodingControl.d.ts

@@ -1,7 +1,7 @@
 import type { Evented, FitBoundsOptions, FlyToOptions, Map, Marker, MarkerOptions } from "maplibre-gl";
 import type { SvelteComponent } from "svelte";
 import GeocodingControlComponent from "./GeocodingControl.svelte";
-import { type FullGeometryStyle, type MapLibreGL } from "./maplibregl-controller";
+import { createMapLibreGlMapController, type FullGeometryStyle, type MapLibreGL } from "./maplibregl-controller";
 import type { ControlOptions, Feature, FeatureCollection } from "./types";
 export { createMapLibreGlMapController, type MapLibreGL, } from "./maplibregl-controller";
 export type MapLibreBaseControlOptions = Omit<ControlOptions, "apiKey"> & {
@@ -65,6 +65,7 @@ export declare function crateClasses<OPTS extends MapLibreBaseControlOptions>(Ev
         new (options?: OPTS): {
             "__#1@#gc"?: GeocodingControlComponent;
             "__#1@#options": OPTS;
+            "__#1@#mapController"?: ReturnType<typeof createMapLibreGlMapController>;
             onAddInt(map: Map): HTMLElement;
             on<T extends "pick" | "response" | "select" | "featureslisted" | "featuresmarked" | "optionsvisibilitychange" | "querychange" | "reversetoggle">(type: T, listener: (ev: {
                 select: {
@@ -219,6 +220,7 @@ export declare function crateClasses<OPTS extends MapLibreBaseControlOptions>(Ev
             new (target: {
                 "__#1@#gc"?: GeocodingControlComponent;
                 "__#1@#options": OPTS;
+                "__#1@#mapController"?: ReturnType<typeof createMapLibreGlMapController>;
                 onAddInt(map: Map): HTMLElement;
                 on<T extends "pick" | "response" | "select" | "featureslisted" | "featuresmarked" | "optionsvisibilitychange" | "querychange" | "reversetoggle">(type: T, listener: (ev: {
                     select: {
@@ -374,6 +376,7 @@ export declare function crateClasses<OPTS extends MapLibreBaseControlOptions>(Ev
                 readonly target: {
                     "__#1@#gc"?: GeocodingControlComponent;
                     "__#1@#options": OPTS;
+                    "__#1@#mapController"?: ReturnType<typeof createMapLibreGlMapController>;
                     onAddInt(map: Map): HTMLElement;
                     on<T extends "pick" | "response" | "select" | "featureslisted" | "featuresmarked" | "optionsvisibilitychange" | "querychange" | "reversetoggle">(type: T, listener: (ev: {
                         select: {
@@ -528,6 +531,7 @@ export declare function crateClasses<OPTS extends MapLibreBaseControlOptions>(Ev
             new (target: {
                 "__#1@#gc"?: GeocodingControlComponent;
                 "__#1@#options": OPTS;
+                "__#1@#mapController"?: ReturnType<typeof createMapLibreGlMapController>;
                 onAddInt(map: Map): HTMLElement;
                 on<T extends "pick" | "response" | "select" | "featureslisted" | "featuresmarked" | "optionsvisibilitychange" | "querychange" | "reversetoggle">(type: T, listener: (ev: {
                     select: {
@@ -681,6 +685,7 @@ export declare function crateClasses<OPTS extends MapLibreBaseControlOptions>(Ev
                 readonly target: {
                     "__#1@#gc"?: GeocodingControlComponent;
                     "__#1@#options": OPTS;
+                    "__#1@#mapController"?: ReturnType<typeof createMapLibreGlMapController>;
                     onAddInt(map: Map): HTMLElement;
                     on<T extends "pick" | "response" | "select" | "featureslisted" | "featuresmarked" | "optionsvisibilitychange" | "querychange" | "reversetoggle">(type: T, listener: (ev: {
                         select: {
@@ -835,6 +840,7 @@ export declare function crateClasses<OPTS extends MapLibreBaseControlOptions>(Ev
             new (target: {
                 "__#1@#gc"?: GeocodingControlComponent;
                 "__#1@#options": OPTS;
+                "__#1@#mapController"?: ReturnType<typeof createMapLibreGlMapController>;
                 onAddInt(map: Map): HTMLElement;
                 on<T extends "pick" | "response" | "select" | "featureslisted" | "featuresmarked" | "optionsvisibilitychange" | "querychange" | "reversetoggle">(type: T, listener: (ev: {
                     select: {
@@ -988,6 +994,7 @@ export declare function crateClasses<OPTS extends MapLibreBaseControlOptions>(Ev
                 readonly target: {
                     "__#1@#gc"?: GeocodingControlComponent;
                     "__#1@#options": OPTS;
+                    "__#1@#mapController"?: ReturnType<typeof createMapLibreGlMapController>;
                     onAddInt(map: Map): HTMLElement;
                     on<T extends "pick" | "response" | "select" | "featureslisted" | "featuresmarked" | "optionsvisibilitychange" | "querychange" | "reversetoggle">(type: T, listener: (ev: {
                         select: {
@@ -1142,6 +1149,7 @@ export declare function crateClasses<OPTS extends MapLibreBaseControlOptions>(Ev
             new (target: {
                 "__#1@#gc"?: GeocodingControlComponent;
                 "__#1@#options": OPTS;
+                "__#1@#mapController"?: ReturnType<typeof createMapLibreGlMapController>;
                 onAddInt(map: Map): HTMLElement;
                 on<T extends "pick" | "response" | "select" | "featureslisted" | "featuresmarked" | "optionsvisibilitychange" | "querychange" | "reversetoggle">(type: T, listener: (ev: {
                     select: {
@@ -1295,6 +1303,7 @@ export declare function crateClasses<OPTS extends MapLibreBaseControlOptions>(Ev
                 readonly target: {
                     "__#1@#gc"?: GeocodingControlComponent;
                     "__#1@#options": OPTS;
+                    "__#1@#mapController"?: ReturnType<typeof createMapLibreGlMapController>;
                     onAddInt(map: Map): HTMLElement;
                     on<T extends "pick" | "response" | "select" | "featureslisted" | "featuresmarked" | "optionsvisibilitychange" | "querychange" | "reversetoggle">(type: T, listener: (ev: {
                         select: {
@@ -1449,6 +1458,7 @@ export declare function crateClasses<OPTS extends MapLibreBaseControlOptions>(Ev
             new (target: {
                 "__#1@#gc"?: GeocodingControlComponent;
                 "__#1@#options": OPTS;
+                "__#1@#mapController"?: ReturnType<typeof createMapLibreGlMapController>;
                 onAddInt(map: Map): HTMLElement;
                 on<T extends "pick" | "response" | "select" | "featureslisted" | "featuresmarked" | "optionsvisibilitychange" | "querychange" | "reversetoggle">(type: T, listener: (ev: {
                     select: {
@@ -1602,6 +1612,7 @@ export declare function crateClasses<OPTS extends MapLibreBaseControlOptions>(Ev
                 readonly target: {
                     "__#1@#gc"?: GeocodingControlComponent;
                     "__#1@#options": OPTS;
+                    "__#1@#mapController"?: ReturnType<typeof createMapLibreGlMapController>;
                     onAddInt(map: Map): HTMLElement;
                     on<T extends "pick" | "response" | "select" | "featureslisted" | "featuresmarked" | "optionsvisibilitychange" | "querychange" | "reversetoggle">(type: T, listener: (ev: {
                         select: {
@@ -1756,6 +1767,7 @@ export declare function crateClasses<OPTS extends MapLibreBaseControlOptions>(Ev
             new (target: {
                 "__#1@#gc"?: GeocodingControlComponent;
                 "__#1@#options": OPTS;
+                "__#1@#mapController"?: ReturnType<typeof createMapLibreGlMapController>;
                 onAddInt(map: Map): HTMLElement;
                 on<T extends "pick" | "response" | "select" | "featureslisted" | "featuresmarked" | "optionsvisibilitychange" | "querychange" | "reversetoggle">(type: T, listener: (ev: {
                     select: {
@@ -1909,6 +1921,7 @@ export declare function crateClasses<OPTS extends MapLibreBaseControlOptions>(Ev
                 readonly target: {
                     "__#1@#gc"?: GeocodingControlComponent;
                     "__#1@#options": OPTS;
+                    "__#1@#mapController"?: ReturnType<typeof createMapLibreGlMapController>;
                     onAddInt(map: Map): HTMLElement;
                     on<T extends "pick" | "response" | "select" | "featureslisted" | "featuresmarked" | "optionsvisibilitychange" | "querychange" | "reversetoggle">(type: T, listener: (ev: {
                         select: {
@@ -2063,6 +2076,7 @@ export declare function crateClasses<OPTS extends MapLibreBaseControlOptions>(Ev
             new (target: {
                 "__#1@#gc"?: GeocodingControlComponent;
                 "__#1@#options": OPTS;
+                "__#1@#mapController"?: ReturnType<typeof createMapLibreGlMapController>;
                 onAddInt(map: Map): HTMLElement;
                 on<T extends "pick" | "response" | "select" | "featureslisted" | "featuresmarked" | "optionsvisibilitychange" | "querychange" | "reversetoggle">(type: T, listener: (ev: {
                     select: {
@@ -2217,6 +2231,7 @@ export declare function crateClasses<OPTS extends MapLibreBaseControlOptions>(Ev
                 readonly target: {
                     "__#1@#gc"?: GeocodingControlComponent;
                     "__#1@#options": OPTS;
+                    "__#1@#mapController"?: ReturnType<typeof createMapLibreGlMapController>;
                     onAddInt(map: Map): HTMLElement;
                     on<T extends "pick" | "response" | "select" | "featureslisted" | "featuresmarked" | "optionsvisibilitychange" | "querychange" | "reversetoggle">(type: T, listener: (ev: {
                         select: {
@@ -2371,6 +2386,7 @@ export declare function crateClasses<OPTS extends MapLibreBaseControlOptions>(Ev
             new (target: {
                 "__#1@#gc"?: GeocodingControlComponent;
                 "__#1@#options": OPTS;
+                "__#1@#mapController"?: ReturnType<typeof createMapLibreGlMapController>;
                 onAddInt(map: Map): HTMLElement;
                 on<T extends "pick" | "response" | "select" | "featureslisted" | "featuresmarked" | "optionsvisibilitychange" | "querychange" | "reversetoggle">(type: T, listener: (ev: {
                     select: {
@@ -2524,6 +2540,7 @@ export declare function crateClasses<OPTS extends MapLibreBaseControlOptions>(Ev
                 readonly target: {
                     "__#1@#gc"?: GeocodingControlComponent;
                     "__#1@#options": OPTS;
+                    "__#1@#mapController"?: ReturnType<typeof createMapLibreGlMapController>;
                     onAddInt(map: Map): HTMLElement;
                     on<T extends "pick" | "response" | "select" | "featureslisted" | "featuresmarked" | "optionsvisibilitychange" | "querychange" | "reversetoggle">(type: T, listener: (ev: {
                         select: {

package/svelte/MapLibreBasedGeocodingControl.js

@@ -72,6 +72,7 @@ export function crateClasses(Evented, maplibreGl, getExtraProps) {
     class MapLibreBasedGeocodingControl extends Evented {
         #gc;
         #options;
+        #mapController = undefined;
         constructor(options = {}) {
             super();
             this.#options = options;
@@ -84,6 +85,7 @@ export function crateClasses(Evented, maplibreGl, getExtraProps) {
             const flyToOptions = typeof flyTo === "boolean" ? {} : flyTo;
             const mapController = createMapLibreGlMapController(map, maplibreGl, marker, showResultMarkers, flyToOptions, flyToOptions, fullGeometryStyle, restOptions.pickedResultStyle ===
                 "full-geometry-including-polygon-center-marker");
+            this.#mapController = mapController;
             const props = {
                 mapController,
                 flyTo: flyTo === undefined ? true : !!flyTo,
@@ -134,9 +136,11 @@ export function crateClasses(Evented, maplibreGl, getExtraProps) {
             return super.listens(type);
         }
         setOptions(options) {
-            this.#options = options;
+            Object.assign(this.#options, options);
             const { marker, showResultMarkers, flyTo, fullGeometryStyle, ...restOptions } = this.#options;
             this.#gc?.$set(restOptions);
+            this.#mapController?.setShowPolygonMarker(this.#options.pickedResultStyle ===
+                "full-geometry-including-polygon-center-marker");
         }
         setQuery(value, submit = true) {
             this.#gc?.setQuery(value, submit);

package/svelte/leaflet-controller.d.ts

@@ -1,6 +1,6 @@
 import * as L from "leaflet";
 import type { BBox, Feature, MapEvent, Position } from "./types";
-export declare function createLeafletMapController(map: L.Map, marker?: boolean | null | L.MarkerOptions | ((map: L.Map, feature?: Feature) => L.Marker | undefined | null), showResultMarkers?: boolean | null | L.MarkerOptions | ((map: L.Map, feature: Feature) => L.Marker | undefined | null), flyToOptions?: L.ZoomPanOptions | null, flyToBounds?: L.FitBoundsOptions | null, fullGeometryStyle?: null | boolean | L.PathOptions | L.StyleFunction, showPolyMarker?: boolean): {
+export declare function createLeafletMapController(map: L.Map, marker?: boolean | null | L.MarkerOptions | ((map: L.Map, feature?: Feature) => L.Marker | undefined | null), showResultMarkers?: boolean | null | L.MarkerOptions | ((map: L.Map, feature: Feature) => L.Marker | undefined | null), flyToOptions?: L.ZoomPanOptions | null, flyToBounds?: L.FitBoundsOptions | null, fullGeometryStyle?: null | boolean | L.PathOptions | L.StyleFunction, showPolygonMarker?: boolean): {
     setEventHandler(handler: undefined | ((e: MapEvent) => void)): void;
     flyTo(center: Position, zoom?: number): void;
     fitBounds(bbox: BBox, padding: number, maxZoom?: number): void;
@@ -9,4 +9,5 @@ export declare function createLeafletMapController(map: L.Map, marker?: boolean
     setMarkers(markedFeatures: Feature[] | undefined, picked: Feature | undefined): void;
     setSelectedMarker(index: number): void;
     getCenterAndZoom(): [number, number, number];
+    setShowPolygonMarker(showPolygonMarker: boolean): void;
 };

package/svelte/leaflet-controller.js

@@ -22,11 +22,12 @@ const defaultFullGeometryStyle = (feature) => {
         lineCap: "butt",
     };
 };
-export function createLeafletMapController(map, marker = true, showResultMarkers = true, flyToOptions = {}, flyToBounds = {}, fullGeometryStyle = defaultFullGeometryStyle, showPolyMarker = false) {
+export function createLeafletMapController(map, marker = true, showResultMarkers = true, flyToOptions = {}, flyToBounds = {}, fullGeometryStyle = defaultFullGeometryStyle, showPolygonMarker = false) {
     let eventHandler;
     const markers = [];
     let selectedMarker;
     let reverseMarker;
+    let _showPolygonMarker = showPolygonMarker;
     const resultLayer = L.geoJSON(undefined, {
         style: fullGeometryStyle === true
             ? defaultFullGeometryStyle
@@ -177,7 +178,7 @@ export function createLeafletMapController(map, marker = true, showResultMarkers
                     setData(picked);
                     return; // no pin for (multi)linestrings
                 }
-                if (!showPolyMarker && picked.geometry.type !== "Point") {
+                if (!_showPolygonMarker && picked.geometry.type !== "Point") {
                     return;
                 }
                 if (marker instanceof Function) {
@@ -249,6 +250,9 @@ export function createLeafletMapController(map, marker = true, showResultMarkers
             const c = map.getCenter();
             return [map.getZoom(), c.lng, c.lat];
         },
+        setShowPolygonMarker(showPolygonMarker) {
+            _showPolygonMarker = showPolygonMarker;
+        },
     };
 }
 function shiftPolyCollection(featureCollection, distance) {

package/svelte/leaflet.js

@@ -14,6 +14,7 @@ L.Util.extend(EventedControl.prototype, L.Evented.prototype);
 export class GeocodingControl extends EventedControl {
     #gc;
     #options;
+    #mapController = undefined;
     constructor(options) {
         super(options);
         this.#options = options;
@@ -27,6 +28,7 @@ export class GeocodingControl extends EventedControl {
         const flyToOptions = typeof flyTo === "boolean" ? {} : flyTo;
         const mapController = createLeafletMapController(map, marker, showResultMarkers, flyToOptions, flyToOptions, fullGeometryStyle, restOptions.pickedResultStyle ===
             "full-geometry-including-polygon-center-marker");
+        this.#mapController = mapController;
         this.#gc = new GeocodingControlComponent({
             target: div,
             props: {
@@ -51,9 +53,11 @@ export class GeocodingControl extends EventedControl {
         return div;
     }
     setOptions(options) {
-        this.#options = options;
+        Object.assign(this.#options, options);
         const { marker, showResultMarkers, flyTo, fullGeometryStyle, ...restOptions } = this.#options;
         this.#gc?.$set(restOptions);
+        this.#mapController?.setShowPolygonMarker(this.#options.pickedResultStyle ===
+            "full-geometry-including-polygon-center-marker");
     }
     setQuery(value, submit = true) {
         this.#gc?.setQuery(value, submit);

package/svelte/maplibregl-controller.d.ts

@@ -7,7 +7,7 @@ export type FullGeometryStyle = {
     fill: Pick<FillLayerSpecification, "layout" | "paint" | "filter">;
     line: Pick<LineLayerSpecification, "layout" | "paint" | "filter">;
 };
-export declare function createMapLibreGlMapController(map: Map, maplibregl?: MapLibreGL | undefined, marker?: boolean | null | MarkerOptions | ((map: Map, feature?: Feature) => Marker | undefined | null), showResultMarkers?: boolean | null | MarkerOptions | ((map: Map, feature: Feature) => Marker | undefined | null), flyToOptions?: FlyToOptions | null, fitBoundsOptions?: FitBoundsOptions | null, fullGeometryStyle?: boolean | null | FullGeometryStyle, showPolyMarker?: boolean): {
+export declare function createMapLibreGlMapController(map: Map, maplibregl?: MapLibreGL | undefined, marker?: boolean | null | MarkerOptions | ((map: Map, feature?: Feature) => Marker | undefined | null), showResultMarkers?: boolean | null | MarkerOptions | ((map: Map, feature: Feature) => Marker | undefined | null), flyToOptions?: FlyToOptions | null, fitBoundsOptions?: FitBoundsOptions | null, fullGeometryStyle?: boolean | null | FullGeometryStyle, showPolygonMarker?: boolean): {
     setEventHandler(handler: undefined | ((e: MapEvent) => void)): void;
     flyTo(center: Position, zoom?: number): void;
     fitBounds(bbox: BBox, padding: number, maxZoom?: number): void;
@@ -16,4 +16,5 @@ export declare function createMapLibreGlMapController(map: Map, maplibregl?: Map
     setMarkers(markedFeatures: Feature[] | undefined, picked: Feature | undefined): void;
     setSelectedMarker(index: number): void;
     getCenterAndZoom(): [number, number, number];
+    setShowPolygonMarker(showPolygonMarker: boolean): void;
 };

package/svelte/maplibregl-controller.js

@@ -25,12 +25,13 @@ const defaultGeometryStyle = {
 const RESULT_SOURCE = "mtlr-gc-full-geom";
 const RESULT_LAYER_FILL = "mtlr-gc-full-geom-fill";
 const RESULT_LAYER_LINE = "mtlr-gc-full-geom-line";
-export function createMapLibreGlMapController(map, maplibregl, marker = true, showResultMarkers = true, flyToOptions = {}, fitBoundsOptions = {}, fullGeometryStyle = defaultGeometryStyle, showPolyMarker = false) {
+export function createMapLibreGlMapController(map, maplibregl, marker = true, showResultMarkers = true, flyToOptions = {}, fitBoundsOptions = {}, fullGeometryStyle = defaultGeometryStyle, showPolygonMarker = false) {
     let eventHandler;
     const markers = [];
     let selectedMarker;
     let reverseMarker;
     let savedData; // used to restore features on style switch
+    let _showPolygonMarker = showPolygonMarker;
     function syncFullGeometryLayer() {
         if (!map.loaded) {
             map.once("load", syncFullGeometryLayer);
@@ -204,7 +205,7 @@ export function createMapLibreGlMapController(map, maplibregl, marker = true, sh
                     setAndSaveData(picked);
                     return; // no pin for (multi)linestrings
                 }
-                if (!showPolyMarker && picked.geometry.type !== "Point") {
+                if (!_showPolygonMarker && picked.geometry.type !== "Point") {
                     return;
                 }
                 if (marker instanceof Function) {
@@ -275,5 +276,8 @@ export function createMapLibreGlMapController(map, maplibregl, marker = true, sh
             const c = map.getCenter();
             return [map.getZoom(), c.lng, c.lat];
         },
+        setShowPolygonMarker(showPolygonMarker) {
+            _showPolygonMarker = showPolygonMarker;
+        },
     };
 }

package/svelte/maplibregl.d.ts

@@ -12,6 +12,7 @@ declare const MapLibreBasedGeocodingControl: {
     new (options?: Options): {
         "__#1@#gc"?: import("./GeocodingControl.svelte").default;
         "__#1@#options": Options;
+        "__#1@#mapController"?: ReturnType<typeof import("./maplibregl-controller").createMapLibreGlMapController>;
         onAddInt(map: Map): HTMLElement;
         on<T extends "pick" | "response" | "select" | "featureslisted" | "featuresmarked" | "optionsvisibilitychange" | "querychange" | "reversetoggle">(type: T, listener: (ev: {
             select: {
@@ -168,6 +169,7 @@ export declare const SelectEvent: {
     new (target: {
         "__#1@#gc"?: import("./GeocodingControl.svelte").default;
         "__#1@#options": Options;
+        "__#1@#mapController"?: ReturnType<typeof import("./maplibregl-controller").createMapLibreGlMapController>;
         onAddInt(map: Map): HTMLElement;
         on<T extends "pick" | "response" | "select" | "featureslisted" | "featuresmarked" | "optionsvisibilitychange" | "querychange" | "reversetoggle">(type: T, listener: (ev: {
             select: {
@@ -323,6 +325,7 @@ export declare const SelectEvent: {
         readonly target: {
             "__#1@#gc"?: import("./GeocodingControl.svelte").default;
             "__#1@#options": Options;
+            "__#1@#mapController"?: ReturnType<typeof import("./maplibregl-controller").createMapLibreGlMapController>;
             onAddInt(map: Map): HTMLElement;
             on<T extends "pick" | "response" | "select" | "featureslisted" | "featuresmarked" | "optionsvisibilitychange" | "querychange" | "reversetoggle">(type: T, listener: (ev: {
                 select: {
@@ -477,6 +480,7 @@ export declare const FeaturesListedEvent: {
     new (target: {
         "__#1@#gc"?: import("./GeocodingControl.svelte").default;
         "__#1@#options": Options;
+        "__#1@#mapController"?: ReturnType<typeof import("./maplibregl-controller").createMapLibreGlMapController>;
         onAddInt(map: Map): HTMLElement;
         on<T extends "pick" | "response" | "select" | "featureslisted" | "featuresmarked" | "optionsvisibilitychange" | "querychange" | "reversetoggle">(type: T, listener: (ev: {
             select: {
@@ -630,6 +634,7 @@ export declare const FeaturesListedEvent: {
         readonly target: {
             "__#1@#gc"?: import("./GeocodingControl.svelte").default;
             "__#1@#options": Options;
+            "__#1@#mapController"?: ReturnType<typeof import("./maplibregl-controller").createMapLibreGlMapController>;
             onAddInt(map: Map): HTMLElement;
             on<T extends "pick" | "response" | "select" | "featureslisted" | "featuresmarked" | "optionsvisibilitychange" | "querychange" | "reversetoggle">(type: T, listener: (ev: {
                 select: {
@@ -784,6 +789,7 @@ export declare const FeaturesMarkedEvent: {
     new (target: {
         "__#1@#gc"?: import("./GeocodingControl.svelte").default;
         "__#1@#options": Options;
+        "__#1@#mapController"?: ReturnType<typeof import("./maplibregl-controller").createMapLibreGlMapController>;
         onAddInt(map: Map): HTMLElement;
         on<T extends "pick" | "response" | "select" | "featureslisted" | "featuresmarked" | "optionsvisibilitychange" | "querychange" | "reversetoggle">(type: T, listener: (ev: {
             select: {
@@ -937,6 +943,7 @@ export declare const FeaturesMarkedEvent: {
         readonly target: {
             "__#1@#gc"?: import("./GeocodingControl.svelte").default;
             "__#1@#options": Options;
+            "__#1@#mapController"?: ReturnType<typeof import("./maplibregl-controller").createMapLibreGlMapController>;
             onAddInt(map: Map): HTMLElement;
             on<T extends "pick" | "response" | "select" | "featureslisted" | "featuresmarked" | "optionsvisibilitychange" | "querychange" | "reversetoggle">(type: T, listener: (ev: {
                 select: {
@@ -1091,6 +1098,7 @@ export declare const OptionsVisibilityChangeEvent: {
     new (target: {
         "__#1@#gc"?: import("./GeocodingControl.svelte").default;
         "__#1@#options": Options;
+        "__#1@#mapController"?: ReturnType<typeof import("./maplibregl-controller").createMapLibreGlMapController>;
         onAddInt(map: Map): HTMLElement;
         on<T extends "pick" | "response" | "select" | "featureslisted" | "featuresmarked" | "optionsvisibilitychange" | "querychange" | "reversetoggle">(type: T, listener: (ev: {
             select: {
@@ -1244,6 +1252,7 @@ export declare const OptionsVisibilityChangeEvent: {
         readonly target: {
             "__#1@#gc"?: import("./GeocodingControl.svelte").default;
             "__#1@#options": Options;
+            "__#1@#mapController"?: ReturnType<typeof import("./maplibregl-controller").createMapLibreGlMapController>;
             onAddInt(map: Map): HTMLElement;
             on<T extends "pick" | "response" | "select" | "featureslisted" | "featuresmarked" | "optionsvisibilitychange" | "querychange" | "reversetoggle">(type: T, listener: (ev: {
                 select: {
@@ -1398,6 +1407,7 @@ export declare const PickEvent: {
     new (target: {
         "__#1@#gc"?: import("./GeocodingControl.svelte").default;
         "__#1@#options": Options;
+        "__#1@#mapController"?: ReturnType<typeof import("./maplibregl-controller").createMapLibreGlMapController>;
         onAddInt(map: Map): HTMLElement;
         on<T extends "pick" | "response" | "select" | "featureslisted" | "featuresmarked" | "optionsvisibilitychange" | "querychange" | "reversetoggle">(type: T, listener: (ev: {
             select: {
@@ -1551,6 +1561,7 @@ export declare const PickEvent: {
         readonly target: {
             "__#1@#gc"?: import("./GeocodingControl.svelte").default;
             "__#1@#options": Options;
+            "__#1@#mapController"?: ReturnType<typeof import("./maplibregl-controller").createMapLibreGlMapController>;
             onAddInt(map: Map): HTMLElement;
             on<T extends "pick" | "response" | "select" | "featureslisted" | "featuresmarked" | "optionsvisibilitychange" | "querychange" | "reversetoggle">(type: T, listener: (ev: {
                 select: {
@@ -1705,6 +1716,7 @@ export declare const QueryChangeEvent: {
     new (target: {
         "__#1@#gc"?: import("./GeocodingControl.svelte").default;
         "__#1@#options": Options;
+        "__#1@#mapController"?: ReturnType<typeof import("./maplibregl-controller").createMapLibreGlMapController>;
         onAddInt(map: Map): HTMLElement;
         on<T extends "pick" | "response" | "select" | "featureslisted" | "featuresmarked" | "optionsvisibilitychange" | "querychange" | "reversetoggle">(type: T, listener: (ev: {
             select: {
@@ -1858,6 +1870,7 @@ export declare const QueryChangeEvent: {
         readonly target: {
             "__#1@#gc"?: import("./GeocodingControl.svelte").default;
             "__#1@#options": Options;
+            "__#1@#mapController"?: ReturnType<typeof import("./maplibregl-controller").createMapLibreGlMapController>;
             onAddInt(map: Map): HTMLElement;
             on<T extends "pick" | "response" | "select" | "featureslisted" | "featuresmarked" | "optionsvisibilitychange" | "querychange" | "reversetoggle">(type: T, listener: (ev: {
                 select: {
@@ -2012,6 +2025,7 @@ export declare const ResponseEvent: {
     new (target: {
         "__#1@#gc"?: import("./GeocodingControl.svelte").default;
         "__#1@#options": Options;
+        "__#1@#mapController"?: ReturnType<typeof import("./maplibregl-controller").createMapLibreGlMapController>;
         onAddInt(map: Map): HTMLElement;
         on<T extends "pick" | "response" | "select" | "featureslisted" | "featuresmarked" | "optionsvisibilitychange" | "querychange" | "reversetoggle">(type: T, listener: (ev: {
             select: {
@@ -2166,6 +2180,7 @@ export declare const ResponseEvent: {
         readonly target: {
             "__#1@#gc"?: import("./GeocodingControl.svelte").default;
             "__#1@#options": Options;
+            "__#1@#mapController"?: ReturnType<typeof import("./maplibregl-controller").createMapLibreGlMapController>;
             onAddInt(map: Map): HTMLElement;
             on<T extends "pick" | "response" | "select" | "featureslisted" | "featuresmarked" | "optionsvisibilitychange" | "querychange" | "reversetoggle">(type: T, listener: (ev: {
                 select: {
@@ -2320,6 +2335,7 @@ export declare const ReverseToggleEvent: {
     new (target: {
         "__#1@#gc"?: import("./GeocodingControl.svelte").default;
         "__#1@#options": Options;
+        "__#1@#mapController"?: ReturnType<typeof import("./maplibregl-controller").createMapLibreGlMapController>;
         onAddInt(map: Map): HTMLElement;
         on<T extends "pick" | "response" | "select" | "featureslisted" | "featuresmarked" | "optionsvisibilitychange" | "querychange" | "reversetoggle">(type: T, listener: (ev: {
             select: {
@@ -2473,6 +2489,7 @@ export declare const ReverseToggleEvent: {
         readonly target: {
             "__#1@#gc"?: import("./GeocodingControl.svelte").default;
             "__#1@#options": Options;
+            "__#1@#mapController"?: ReturnType<typeof import("./maplibregl-controller").createMapLibreGlMapController>;
             onAddInt(map: Map): HTMLElement;
             on<T extends "pick" | "response" | "select" | "featureslisted" | "featuresmarked" | "optionsvisibilitychange" | "querychange" | "reversetoggle">(type: T, listener: (ev: {
                 select: {