Dash Leaflet is a light wrapper around React-Leaflet. The syntax is similar to other Dash components, with naming conventions following the React-Leaflet API.
The easiest way to get started is to install the latest version of Dash and Dash Leaflet via pip.
pip install dash==1.15.0
pip install dash-leaflet
Once the installation is completed, paste the following lines of code into a .py file and run it.
import dash
import dash_leaflet as dl
app = dash.Dash()
app.layout = dl.Map(dl.TileLayer(), style={'width': '1000px', 'height': '500px'})
if __name__ == '__main__':
app.run_server()
If you visit http://127.0.0.1:8050/ in your browser, you should see a Leaflet map.
The documentation has been moved to Heroku to enable an interactive example gallery.
NB: The 0.1.0 release contains a number breaking changes, most prominently merging of the SuperCluster
and GeoJSON
components into a new GeoJSON
component powered by functional properties.
Start by cloning this repository,
git clone git@github.com:thedirtyfew/dash-leaflet.git
cd dash-leaflet
Next, create a virtual environment and install the python dependencies,
python3 -m venv venv && . venv/bin/activate
pip install -r requirements.txt
Finally, install packages via npm (ignore errors) and run the build script,
npm i --ignore-scripts
npm run build:all