@maptiler/geocoding-control 0.0.92 → 0.0.93

package/GeocodingControl.svelte

@@ -39,7 +39,11 @@ export let zoom = 16;
 export let maxZoom = 18;
 export let apiUrl = import.meta.env.VITE_API_URL;
 export let fetchParameters = {};
-export let iconsBaseUrl = "icons/";
+export let iconsBaseUrl = import.meta.env.VITE_FLAVOUR
+    ? "https://cdn.maptiler.com/maptiler-geocoding-control/v" +
+        import.meta.env.VITE_LIB_VERSION +
+        "/icons/"
+    : "icons/";
 export function focus() {
     input.focus();
 }

package/README.md

@@ -130,7 +130,7 @@ For examples without using bundler see `demo-maplibregl.html` or `demo-leaflet.h
 - `types`: `string[]` - Filter of feature types to return. Default `undefined` (all available feature types are returned).
 - `apiUrl`: `string` - Geocoding API URL. Default MapTiler Geocoding API URL.
 - `fetchParameters`: `RequestInit` - Extra fetch parameters. Default `undefined`.
-- `iconsBaseUrl`: `string` - Base URL for POI icons. Default `"icons/"`.
+- `iconsBaseUrl`: `string` - Base URL for POI icons. Default `"icons/"` for Svelte apps, otherwise <code>`https://cdn.maptiler.com/maptiler-geocoding-control/v${version}/icons/`</code>.
 
 ### Methods
 
@@ -161,6 +161,16 @@ geocodingControl.addEventListener("optionsVisibilityChange", (e) => {
 });
 ```
 
+## POI icons and bundlers
+
+(Skip if the component is used within Svelte webapp.)
+
+POI icons are served from CDN per default.
+If there is an requirement to serve them from a different location and the control is used in the application which is build with Web Application bundler (like Webpack, Vite) then it is necessary to do some extra cponfiguration.
+Icons are bundled in the library and you can find them in `node_modules/@maptiler/geocoding-control/icons`.
+Configure your bundler and/or provide `iconsBaseUrl` option for the icons to be properly resolved.
+You can also copy icons from that directory to your _`public`_ directory.
+
 ## React component
 
 In addition to using the component as MapLibre GL JS or Leaflet Control it is also possible to use it stand-alone in React projects with or without MapLibre GL JS or Leaflet integration.