typescript type definition for Leaflet.markercluster

An up to date (free of syntax errors) typescript definition for Leaflet markercluster is needed.

And it would be great if the definition can be included in this repo and specified in the package.json. (See http://www.typescriptlang.org/docs/handbook/declaration-files/publishing.html).

Currently registry:dt/leaflet-markercluster#0.4.0+20160919070725 is broken. I did some initial investigation and I believe but could be wrong that:

• It should be exporting an interface that extends FeatureGroup. A class usually isn’t in a type definition because it is an implementation. Currently there is an error from typescript compiler saying a class doesn’t extend, but implements - which is true. But the problem is that it shouldn’t be a class, but rather an interface definition.
• FeatureGroup is not a generic

I can look at this more, but I don’t know the API very well so it may take me more time. If someone else has solved this or can get to it before me, I’d appreciate it.

[denyo]

Hello, I have a similar issue or at least related issue here. I am using

"leaflet": "^1.0.3",
"leaflet.markercluster": "^1.0.4"

and

"@types/leaflet": "^1.0.60",
"@types/leaflet-markercluster": "^1.0.3"

Code completion and everything works perfectly fine. However during compilation of ng serve it fails with

Property 'markerClusterGroup' does not exist on type 'typeof L'.

Any ideas how to solve this?

EDIT I found the solution here: https://github.com/angular/angular-cli/wiki/stories-third-party-lib Make sure to add the types in the src/tsconfig.app.json, NOT the tsconfig.json in your project folder.

"typeRoots": [
  "node_modules/@types"
],
"types": [
  "leaflet",
  "leaflet-markercluster"
]

[severinbeauvais]

I’m using

"leaflet": "^1.3.1",
"leaflet.markercluster": "^1.3.0"

and

"@types/leaflet": "^1.2.6",
"@types/leaflet-markercluster": "^1.0.3"

The following worked for me:

import 'leaflet';
import 'leaflet.markercluster';

const L = window['L'];