I tried to import leaflet-measure as a module in Angu

We made it using Angular2 with type and systemjs. What is your problem actua

Using leaflet-measure module in Angular2 about leaflet-measure HOT 2 CLOSED

ljagis commented on July 21, 2024

Using leaflet-measure module in Angular2

from leaflet-measure.

Comments (2)

Gbacc commented on July 21, 2024

We made it using Angular2 with typescript and systemjs.
What is your problem actually ?

We use the L.control class from leaflet.

import 'leaflet-measure';
...
let measureControl = L.control.measure(options);

It means we had to create a typing file to extend the one from leaflet.

declare namespace L {

    namespace Map {
        export interface MapOptions {
            measureControl?: boolean;
        }
    }

    export interface ControlStatic {
        Measure: Control.MeasureStatic;
    }

    namespace Control {

        export interface MeasureStatic {
            new (options?: IMeasureConstructorOptions): Measure;
        }

        export interface IMeasureConstructorOptions {

			position?: string;

            parentContainerSelector?: string;

			primaryLengthUnit?: string;

			secondaryLengthUnit?: string;

            secondaryAreaUnit?: string;

            primaryAreaUnit?: string;

            activeColor?: string;

            completedColor?: string;

            popupOptions?: IMeasurePopupOptionsOptions;

            captureZIndex?: number;

            localization? :string;

            decPoint?: string;

            thousandsSep?: string;

		}

        export interface IMeasurePopupOptionsOptions {
            className? : string;
            autoPanPadding?: Array<number>;
        }

        export interface Measure extends L.Control {

        }
        
    }

    export namespace control {
            export function measure (options?: Control.IMeasureConstructorOptions): Control.Measure;
        }
}