@maptiler/geocoding-control 0.0.43 → 0.0.44

package/README.md

@@ -16,24 +16,20 @@ npm install --save @maptiler/geocoding-control maplibre-gl
 
 ```js
 import maplibregl from "maplibre-gl";
-import { GeocodingControl } from "@maptiler/geocoding-control/maplibre";
+import { GeocodingControl } from "@maptiler/geocoding-control/maplibregl";
 import "@maptiler/geocoding-control/dist/style.css";
+import "maplibre-gl/dist/maplibre-gl.css";
 
-const API_KEY = "YOUR_MAPTILER_API_KEY_HERE";
+const apiKey = "YOUR_MAPTILER_API_KEY_HERE";
 
 const map = new maplibregl.Map({
   container: "map", // id of HTML container element
-  style:
-    "https://api.maptiler.com/maps/streets/style.json?key=" +
-    YOUR_MAPTILER_API_KEY_HERE,
+  style: "https://api.maptiler.com/maps/streets/style.json?key=" + apiKey,
   center: [16.3, 49.2],
   zoom: 7,
 });
 
-const gc = new GeocodingControl({
-  apiKey: YOUR_MAPTILER_API_KEY_HERE,
-  maplibregl,
-});
+const gc = new GeocodingControl({ apiKey, maplibregl });
 
 map.addControl(gc);
 ```
@@ -49,13 +45,14 @@ import * as L from "leaflet";
 import { GeocodingControl } from "@maptiler/geocoding-control/leaflet";
 import "@maptiler/geocoding-control/dist/style.css";
 
+const apiKey = "YOUR_MAPTILER_API_KEY_HERE";
+
 const map = L.map(document.getElementById("map")).setView([49.2, 16.3], 6);
 
 const scale = devicePixelRatio > 1.5 ? "@2x" : "";
 
 L.tileLayer(
-  `https://api.maptiler.com/maps/streets/{z}/{x}/{y}${scale}.png?key=` +
-    YOUR_MAPTILER_API_KEY_HERE,
+  `https://api.maptiler.com/maps/streets/{z}/{x}/{y}${scale}.png?key=` + apiKey,
   {
     tileSize: 512,
     zoomOffset: -1,
@@ -67,7 +64,7 @@ L.tileLayer(
   }
 ).addTo(map);
 
-L.control.maptilerGeocoding({ apiKey: YOUR_MAPTILER_API_KEY_HERE }).addTo(map);
+L.control.maptilerGeocoding({ apiKey }).addTo(map);
 ```
 
 For examples without using bundler see `demo-maplibregl.html` or `demo-leaflet.html`. After building this library (`npm install && npm run build`) you can open it in the browser:

package/dist/lib/maplibreglMapController.d.ts

@@ -1,7 +1,7 @@
 import type MapLibreGL from "maplibre-gl";
 import type { FitBoundsOptions, Map, FlyToOptions, FillLayerSpecification, LineLayerSpecification } from "maplibre-gl";
 import type { MapController } from "./types";
-export declare function createMaplibreglMapController(map: Map, maplibregl?: typeof MapLibreGL | undefined, marker?: boolean | maplibregl.MarkerOptions, showResultMarkers?: boolean | maplibregl.MarkerOptions, flyToOptions?: FlyToOptions, fitBoundsOptions?: FitBoundsOptions, fullGeometryStyle?: {
-    fill: Pick<FillLayerSpecification, "layout" | "paint" | "filter">;
-    line: Pick<LineLayerSpecification, "layout" | "paint" | "filter">;
+export declare function createMaplibreglMapController(map: Map, maplibregl?: typeof MapLibreGL | undefined, marker?: boolean | maplibregl.MarkerOptions, showResultMarkers?: boolean | maplibregl.MarkerOptions, flyToOptions?: FlyToOptions, fitBoundsOptions?: FitBoundsOptions, fullGeometryStyle?: undefined | {
+    fill?: Pick<FillLayerSpecification, "layout" | "paint" | "filter">;
+    line?: Pick<LineLayerSpecification, "layout" | "paint" | "filter">;
 }): MapController;

package/dist/maplibregl.js

@@ -15233,16 +15233,16 @@ function $c(r, t, e = !0, n = !0, i = {}, o = {}, s = {
 }) {
   let a, u, l, c = [], f;
   function h() {
-    r.addSource("full-geom", {
+    ((s == null ? void 0 : s.fill) || (s == null ? void 0 : s.line)) && r.addSource("full-geom", {
       type: "geojson",
       data: ka
-    }), r.addLayer({
-      ...s.fill,
+    }), s != null && s.fill && r.addLayer({
+      ...s == null ? void 0 : s.fill,
       id: "full-geom-fill",
       type: "fill",
       source: "full-geom"
-    }), r.addLayer({
-      ...s.line,
+    }), s != null && s.line && r.addLayer({
+      ...s == null ? void 0 : s.line,
       id: "full-geom-line",
       type: "line",
       source: "full-geom"
@@ -15325,14 +15325,15 @@ function $c(r, t, e = !0, n = !0, i = {}, o = {}, s = {
             return;
           }
         }
-        c.push(
+        n && c.push(
           (typeof e == "object" ? new t.Marker(e) : N()).setLngLat(_.center).addTo(r)
         );
       }
-      for (const C of d != null ? d : [])
-        C !== _ && c.push(
-          (typeof n == "object" ? new t.Marker(n) : N()).setLngLat(C.center).addTo(r)
-        );
+      if (n)
+        for (const C of d != null ? d : [])
+          C !== _ && c.push(
+            (typeof n == "object" ? new t.Marker(n) : N()).setLngLat(C.center).addTo(r)
+          );
     },
     setSelectedMarker(d) {
       f && f.getElement().classList.toggle("marker-selected", !1), f = d > -1 ? c[d] : void 0, f == null || f.getElement().classList.toggle("marker-selected", !0);