# leaflet-elevation.js A Leaflet plugin that allows to add elevation profiles using d3js

Leaflet elevation viewer

--- _For a working example see one of the following demos:_ - [loading .gpx file](https://raruto.github.io/examples/leaflet-elevation/leaflet-elevation.html) - [loading .geojson file](https://raruto.github.io/examples/leaflet-elevation/leaflet-elevation_geojson-data.html) - [loading string data](https://raruto.github.io/examples/leaflet-elevation/leaflet-elevation_string-data.html) - [hoverable chart / hidden map](https://raruto.github.io/examples/leaflet-elevation/leaflet-elevation_hidden-map.html) - [hoverable chart / hidden chart](https://raruto.github.io/examples/leaflet-elevation/leaflet-elevation_hidden-chart.html) - [hoverable .gpx tracks](https://raruto.github.io/examples/leaflet-elevation/leaflet-elevation_hoverable-tracks.html) - [toggable .gpx tracks](https://raruto.github.io/examples/leaflet-elevation/leaflet-elevation_toggable-tracks.html) - [toggable .gpx charts](https://raruto.github.io/examples/leaflet-elevation/leaflet-elevation_toggable-charts.html) - [custom-theme colors](https://raruto.github.io/examples/leaflet-elevation/leaflet-elevation_custom-theme.html) - [close button](https://raruto.github.io/examples/leaflet-elevation/leaflet-elevation_close-button.html) - [follow marker location](https://raruto.github.io/examples/leaflet-elevation/leaflet-elevation_follow-marker.html) - [gpx waypoint icons](https://raruto.github.io/examples/leaflet-elevation/leaflet-elevation_gpx-waypoints.html) - [upload local gpx file](https://raruto.github.io/examples/leaflet-elevation/leaflet-elevation_upload-gpx.html) ---

Initially based on the work of Felix “MrMufflon” Bache

--- ## How to use 1. **include CSS & JavaScript** ```html ... ... ``` 2. **choose the div container used for the slippy map** ```html ...
... ``` 3. **create your first simple “leaflet-elevation” slippy map** ```html ``` _Related: [QGIS Integration](https://github.com/faunalia/trackprofile2web)_ --- **Compatibile with:** leaflet@1.3.2, leaflet-gpx@1.4.0, d3js@4.13 ---