leaflet measure for angular about leaflet-measure HOT 7 CLOSED

After debugging, I figured out that i was wrong, the position left doesn't exist. Closing the issue.

from leaflet-measure.

Hello @badreal ,
After adding import "leaflet-measure"; in component, i have this error :²
Property 'Measure' does not exist on type 'typeof Control'
Did you get this type of error?

from leaflet-measure.

@RatebSAYAH, struggling with the same issue. did you manage to get around it?

from leaflet-measure.

@konstanddp yes, you had to add a typing file.

1. Create a folder and inside a typing file within /src. (example : /src/typing/leaflet-measure.d.ts)

2. Content of the typing file :
   `
   import * as L from 'leaflet';
   declare class MeasControl extends L.Control {}
   declare module 'leaflet' {
   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;
   }
   type Measure = MeasControl;
   let Measure: typeof MeasControl
   //export interface Measure typeof MeasControl
   }

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

3. Add in your tsconfig.app.json : "files": [ "typing/leaflet-measure.d.ts"]

from leaflet-measure.

@RatebSAYAH thank you, that helped a lot!
do you possibly know why the icon looks like this? the popup on clicking it also incorrectly formatted, but the rest is fine

from leaflet-measure.

@konstanddp please add to your angular.js :
"styles": ["node_modules/leaflet-measure/dist/leaflet-measure.css"]

from leaflet-measure.

thanks a lot, I had it in, turns out my app required a restart :-D

from leaflet-measure.