Angular 9 is this supports? if yes then pls share reference code

[swapnasheela12]

Hi

i was install npm in angular 9 project but there is having one issue
contextmenu: true,

giving error is

error TS2345: Argument of type '{ center: [number, number]; zoomControl: false; zoom: number; contextmenu: boolean; contextmenuWidth: number; contextmenuHeight: number; contextmenuItems: { text: string; callback: (e: any) => void; }[]; }' is not assignable to parameter of type 'MapOptions'.
Object literal may only specify known properties, and 'contextmenu' does not exist in type 'MapOptions'.

157       contextmenu: true,
          ~~~~~~~~~~~~~~~~~

plz give me any working reference with angular 9

[PechioA]

I was facing the same issue, what I did was separating the markerOptions object declaration, and passing the object to the marker on its creation time. Like this: ( I am using angular 8 )

let options : any = {
    riseOnHover:true,
    icon:icon,
    contextmenu: true,
    contextmenuWidth: 140,
    contextmenuItems: [{
         text: 'Marker item',
     }]
  };
  let marker : L.Marker = L.marker([address.lat,address.lng],options);

[joshting]

I am using Angular 14/15. How would this work with typescript since there is no type definitions available?

[joshting]

Found solution on my own. Where I import 'leaflet-contextmenu', I manually added the type definition called leaflet-contextmenu.d.ts with the following content:

declare namespace L {
    interface ContextMenuItem {
        text: string;
        index?: number
        callback?: (ev: ContextMenuItemClickEvent) => void;
    }

    interface MapOptions {
        contextmenu: boolean;
        contextmenuItems: ContextMenuItem[]
    }

    interface MarkerOptions {
        contextmenu: boolean;
        contextmenuItems: ContextMenuItem[]
    }

    interface ContextMenuItemClickEvent {
        latlng: LatLng;
        layerPoint: Point;
        containerPoint: Point;
        relatedTarget: Marker | Path | undefined;
    }
}

Now, I am able to declare those options, compile and the plugin works. Tested in react with TS, it should work with Angular too.