This is my take on a more modern looking leaflet toolbar/ui. With leaflet-search as the base, and a few short lines of css, I have customized the .leaflet-top.leaflet-left class so that it adds tools across the top of the screen, with the sidebar toggle fixed to the left. Additional tools could be added to any of the other default leaflet positions, as those have all been left untouched. Tools could also be loaded via another button on the current toolbar, possibly an L.easyButton with a tools icon, that when clicked reveals additional tools at position: ‘topright’, for example.
One of the benefits of using the open source Leaflet mapping library is the wide variety of available community supported plugins. This simple map uses two great plugins - Leaflet Elevation and Leaflet Ajax. The ajax plugin provides a simple way to load data, while the elevation plugin shows elevation from a GeoJSON file in an interactive chart, added to the map as a Leaflet Control. The GeoJSON file must include coordinates.
Update: This map originally used Google’s Picasa Web API, but this will soon be shut down. Instead of migrating to another Google service, I simply extracted the EXIF data from the photos (using this tool). The resulting csv was converted to json, which worked as a drop-in replacement for former Picasa feed.