React Map Components of Leaflet.js

CHANGELOG

• rc-leaflet CHANGELOG

Docs

• Leaflet.js

• Proj4Leaflet

• MarkerCluster

Features

• [x] TypeScript support

• [x] JSX support for Popup, Tooltip and DivIcon

• [x] MassPoints support, about max 150k points. (v1.1.0+)

• [x] ClusterPoints support, about max 50k points. (v1.1.0+)

• [x] RCMap scope Theme support

• [x] Import on Demand (tree-shaking)

Components

• [x] RCMap

• [x] Theme

• [x] TileLayer

• [x] LayerGroup (v1.4.0+)

• [x] FeatureGroup (v1.4.0+)

• [x] GeoJSON (v1.4.0+)

• [x] Point

• [x] MassPoints (v1.1.0+)

• [x] ClusterPoints (v1.1.0+) will deprecate in v1.5.0+, use rc-leaflet-cluster instead

• [x] CircleMarker

• [x] Circle

• [x] Polyline

• [x] Polygon

• [x] Rectangle

• [x] ImageOverlay (v1.4.0+)

• [x] VideoOverlay (v1.4.0+)

• [x] SVGOverlay (v1.4.0+)

• [x] Icon

• [x] DivIcon

• [x] Popup

• [x] Tooltip

Plugins

• [x] rc-leaflet-heat

• [x] rc-leaflet-drawing

• [ ] rc-leaflet-cluster

• [ ] rc-leaflet-routing

Configuration

• [x] CRS

• [x] TileLayers

Usage

Install

npm install rc-leaflet --save

Import on Demand

npm install babel-plugin-import --save-dev

// .babelrc or babel-loader option
{
  "plugins": [
    [
      "import",
      {
        "libraryName": "rc-leaflet",
        "libraryDirectory": "es/components",
        "camel2DashComponentName": false
      },
      "rc-leaflet-import"
    ]
  ]
}