A heatmap overlay for [react-map-gl](https://github.com/uber/react-map-gl) built using [webgl-heatmap](https://github.com/vicapow/webgl-heatmap) originally created by [Florian Boesch](https://github.com/pyalot).
npm install react-map-gl-heatmap-overlayA heatmap overlay for react-map-gl built
using webgl-heatmap originally
created by Florian Boesch.
!screen shot 2016-02-15 at 1 54 42 pm
```js``
var HeatmapOverlay = require('react-map-gl-heatmap-overlay');
var cities = require('example-cities');
Where each element in cities looks like: {longitude, latitude}.
``js``
render() {
return
}
The locations prop can be an array or ImmutableJS List.
Data accessors can be provided if your data doesn't fit the expected
{longitude, latitude} form.
``js``
render() {
return
}
Other accessors and their defaults:
``js```
intensityAccessor: (location) => {1 / 10}
sizeAccessor: (location) => 40,
// If not specified, defaults to Viridis.
gradientColors: Immutable.List(['blue', 'red'])
npm install react-map-gl-heatmap-overlay
npm run start
To run the example.
The included example uses raster tiles by Stamen Design,
under CC BY 3.0. Data by
OpenStreetMap, under
CC BY SA.