Make icons work in export function

emfcamp · May 17, 2024 · 9f5afa4 · 9f5afa4
1 parent f8a994b
commit 9f5afa4
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/web/src/export/export.ts b/web/src/export/export.ts
@@ -10,6 +10,11 @@ class ExportControl implements maplibregl.IControl {
     _map?: maplibregl.Map
     exportZoom: number = 18
     pixelRatio: number = 4
+    initFunc?: (map: maplibregl.Map) => void
+
+    constructor(initFunc?: (map: maplibregl.Map) => void) {
+        this.initFunc = initFunc
+    }
 
     doExport() {
         const srcContainer = this._map!._container
@@ -49,6 +54,9 @@ class ExportControl implements maplibregl.IControl {
             fadeDuration: 0,
             attributionControl: false,
         })
+        if (this.initFunc) {
+            this.initFunc(renderMap)
+        }
 
         renderMap.once('idle', () => {
             const canvas = renderMap.getCanvas()

diff --git a/web/src/index.ts b/web/src/index.ts
@@ -111,7 +111,7 @@ class EventMap {
 
         // Display edit control only on browsers which are likely to be desktop browsers
         if (window.matchMedia('(min-width: 600px)').matches) {
-            this.map.addControl(new ExportControl(), 'top-right')
+            this.map.addControl(new ExportControl(loadIcons), 'top-right')
         }
 
         this.map.addControl(this.layer_switcher, 'top-right')