fixed clearing map features on map style switching (#30)

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@maptiler/geocoding-control",
-  "version": "1.2.3",
+  "version": "1.2.4",
   "description": "The Javascript & TypeScript Map Control component for MapTiler Geocoding service. Easy to be integrated into any JavaScript mapping application.",
   "type": "module",
   "author": {

src/maplibregl-controller.ts

@@ -70,15 +70,20 @@ export function createMapLibreGlMapController(
 
   let reverseMarker: maplibregl.Marker | undefined;
 
+  let savedData: GeoJSON; // used to restore features on style switch
+
   function addFullGeometryLayer() {
-    if (fullGeometryStyle?.fill || fullGeometryStyle?.line) {
+    if (
+      !map.getSource("full-geom") &&
+      (fullGeometryStyle?.fill || fullGeometryStyle?.line)
+    ) {
       map.addSource("full-geom", {
         type: "geojson",
         data: emptyGeojson,
       });
     }
 
-    if (fullGeometryStyle?.fill) {
+    if (!map.getLayer("full-geom-fill") && fullGeometryStyle?.fill) {
       map.addLayer({
         ...fullGeometryStyle?.fill,
         id: "full-geom-fill",
@@ -87,14 +92,18 @@ export function createMapLibreGlMapController(
       });
     }
 
-    if (fullGeometryStyle?.line) {
+    if (!map.getLayer("full-geom-line") && fullGeometryStyle?.line) {
       map.addLayer({
         ...fullGeometryStyle?.line,
         id: "full-geom-line",
         type: "line",
         source: "full-geom",
       });
     }
+
+    if (savedData) {
+      setData(savedData);
+    }
   }
 
   if (map.loaded()) {
@@ -105,6 +114,10 @@ export function createMapLibreGlMapController(
     });
   }
 
+  map.on("styledata", () => {
+    addFullGeometryLayer();
+  });
+
   const handleMapClick = (e: MapMouseEvent) => {
     eventHandler?.({
       type: "mapClick",
@@ -131,6 +144,12 @@ export function createMapLibreGlMapController(
     return new maplibregl.Marker({ element, offset: [1, -13] });
   }
 
+  function setData(data: GeoJSON) {
+    savedData = data;
+
+    (map.getSource("full-geom") as GeoJSONSource)?.setData(data);
+  }
+
   return {
     setEventHandler(handler: undefined | ((e: MapEvent) => void)): void {
       if (handler) {
@@ -196,10 +215,6 @@ export function createMapLibreGlMapController(
         return;
       }
 
-      function setData(data: GeoJSON) {
-        (map.getSource("full-geom") as GeoJSONSource)?.setData(data);
-      }
-
       for (const marker of markers) {
         marker.remove();
       }