React Map Components of Leaflet.js

CHANGELOG

• rc-leaflet CHANGELOG

Docs

• Leaflet.js

• Proj4Leaflet

• MarkerCluster

Features

• TypeScript support

• JSX support for Popup, Tooltip and DivIcon

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

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

• RCMap scope Theme support

• Import on Demand (tree-shaking)

Components

• RCMap

• Theme

• TileLayer

• LayerGroup (v1.4.0+)

• FeatureGroup (v1.4.0+)

• GeoJSON (v1.4.0+)

• Point

• MassPoints (v1.1.0+)

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

• CircleMarker

• Circle

• Polyline

• Polygon

• Rectangle

• ImageOverlay (v1.4.0+)

• VideoOverlay (v1.4.0+)

• SVGOverlay (v1.4.0+)

• Icon

• DivIcon

• Popup

• Tooltip

Plugins

• rc-leaflet-heat

• rc-leaflet-drawing

• rc-leaflet-cluster

• rc-leaflet-routing

Configuration

• CRS

• 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"
    ]
  ]
}