Skip to main content

Leaflet component for Dash

Project description

Dash Leaflet

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. A minimal working example can be implemented in a few lines,

import dash
import dash_leaflet as dl
import dash_html_components as html

app = dash.Dash()
app.layout = html.Div([
    dl.Map(style={'width': '1000px', 'height': '500px'}, center=[56.05, 10.25], zoom=10, children=dl.TileLayer())
])

if __name__ == '__main__':
    app.run_server(debug=False)

Not all React-Leaflet components have been implemented, but the basics are in place:

  • TileLayer
  • WMSTileLayer
  • LayerGroup
  • Polygon
  • Polyline
  • Rectangle
  • Circle
  • CircleMarker
  • Marker
  • ImageOverlay
  • VideoOverlay
  • Popup
  • Tooltip

Component documentation is available on the React-Leaflet website,

https://react-leaflet.js.org/docs/en/components

More advanced Dash Leaflet examples are available in the usage gallery,

https://github.com/thedirtyfew/dash-leaflet/blob/master/usage_gallery.py

Project details


Release history Release notifications | RSS feed

Download files

Download the file for your platform. If you're not sure which to choose, learn more about installing packages.

Source Distribution

dash_leaflet-0.0.10rc5.tar.gz (1.5 MB view hashes)

Uploaded Source

Supported by

AWS AWS Cloud computing and Security Sponsor Datadog Datadog Monitoring Fastly Fastly CDN Google Google Download Analytics Microsoft Microsoft PSF Sponsor Pingdom Pingdom Monitoring Sentry Sentry Error logging StatusPage StatusPage Status page