https://github.com/lockblock-dev/react-leaflet-heat-layer

React-leaflet-heat-layer is a plugin for react-leaflet. A wrapper component of Leaflet.heat.
https://github.com/lockblock-dev/react-leaflet-heat-layer

heat heatmap leaflet react react-leaflet-v4

Last synced: 2 months ago
JSON representation

React-leaflet-heat-layer is a plugin for react-leaflet. A wrapper component of Leaflet.heat.

• Host: GitHub
• URL: https://github.com/lockblock-dev/react-leaflet-heat-layer
• Owner: LockBlock-dev
• License: mit
• Created: 2024-07-29T13:42:30.000Z (6 months ago)
• Default Branch: master
• Last Pushed: 2024-07-30T15:14:54.000Z (6 months ago)
• Last Synced: 2024-11-06T09:16:23.641Z (3 months ago)
• Topics: heat, heatmap, leaflet, react, react-leaflet-v4
• Language: TypeScript
• Homepage: https://www.npmjs.com/package/react-leaflet-heat-layer
• Size: 5.86 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

README

        
# react-leaflet-heat-layer [![npm version](https://img.shields.io/npm/v/react-leaflet-heat-layer.svg)](https://www.npmjs.com/package/react-leaflet-heat-layer)

-   React-leaflet v4 support

-   Typescript support

React-leaflet-heat-layer is a plugin for react-leaflet. A wrapper component of Leaflet.heat.

## Installation

-   Install [NodeJS](https://nodejs.org)

-   Run `react-leaflet-heat-layer`

## Prerequisites

Make sure that you haveve installed `react`, `react-leaflet` and `leaflet`.

## Example usage

```tsx

import { MapContainer } from "react-leaflet";

import HeatmapLayer from "react-leaflet-heat-layer";

import { addressPoints } from "./realworld";

import "leaflet/dist/leaflet.css";

const Demo = () => {

    return (

        

             [p[0], p[1]])} />

        

    );

};

```

## Reference

See: https://leaflet.github.io/Leaflet.heat/#reference

## Copyright

See the [license](/LICENSE)