Use leaflet-easyPrint in Typescript app

I tried to import the plugin into a Typescript app and also added the code into the typings file to extend L.control from leaflet but got Uncaught TypeError: L.control.easyPrint is not a function error.

This is the code from typings file:

import 'leaflet';

declare module 'leaflet' {
    
    namespace Map {
        export interface MapOptions {
            
            easyPrintControl? : boolean;
        }
    }

    export interface ControlStatic {
        
        EasyPrint: Control.EasyPrintStatic;
    }

    namespace Control {

     
        export interface EasyPrintStatic {
            new (options?: IEasyPrintConstructorOptions): EasyPrint;
            
        }

 
        
        export interface IEasyPrintConstructorOptions {
            title: string;
            position: string;
    
        }

        export interface EasyPrint extends L.Control {
            
        }
        
    }

    export namespace control {
            export function easyPrint (options?: Control.IEasyPrintConstructorOptions): Control.EasyPrint;
    }
}

For some reason, my IDE interpretor accepts easyPrint function on L.control but my browser throws the error…

Not really sure where to go from here to be able to use the plugin

[martinhouryfors]

Hi, I think you can use easyPrint like this : First install easyPrint with npm npm install leaflet-easyprint --save

Then, use it in your typescript file.

import * as Leaflet from 'leaflet';
import 'leaflet-easyprint';
...
map : Leaflet.Map;
...
drawMap() {
        //initialize the map
        this.map = Leaflet.map('map',
            {
                center: [...],
                zoomDelta: 1,
                zoom: 14
            });       
        (Leaflet as any).easyPrint({
            title: 'My awesome print button',
            position: 'bottomleft',
            sizeModes: ['A4Portrait', 'A4Landscape']
        }).addTo(this.map);
}
...

@ialixandroae

And you should see the easyPrint control the the map

[ialixandroae]

Hi @jlaverdure-talis ,

Unfortunatelly no and I haven’t tried since. At the moment I’m not sure if this is something in the core of the library or something with my Typescript configuration (something wrong or missing?)