# sidebar-v2

A responsive sidebar for mapping libraries like [Leaflet](#leaflet) or [OpenLayers](#openlayers-3).

It is more or less a successor of the [leaflet-sidebar](https://github.com/turbo87/leaflet-sidebar/) plugin, thus the `v2` suffix.

<a href="https://flattr.com/submit/auto?user_id=turbo&url=https%3A%2F%2Fgithub.com%2FTurbo87%2Fsidebar-v2" target="_blank"><img src="https://api.flattr.com/button/flattr-badge-large.png" alt="Flattr this" title="Flattr this" border="0"></a>

![Demo](doc/sidebar-v2.gif)


## [Leaflet](http://leafletjs.com/)

![Sidebar collapsed](doc/leaflet-1.png) ![Sidebar extended](doc/leaflet-2.png)

Example code at [`examples/index.html`](examples/index.html) ([Preview](http://turbo87.github.io/sidebar-v2/examples/index.html))


## [OpenLayers 3](http://openlayers.org/)

![Sidebar collapsed](doc/ol3-1.png) ![Sidebar extended](doc/ol3-2.png)

Example code at [`examples/ol3.html`](examples/ol3.html) ([Preview](http://turbo87.github.io/sidebar-v2/examples/ol3.html))


## [OpenLayers 2](http://openlayers.org/two/)

![Sidebar collapsed](doc/ol2-1.png) ![Sidebar extended](doc/ol2-2.png)

Example code at [`examples/ol2.html`](examples/ol2.html) ([Preview](http://turbo87.github.io/sidebar-v2/examples/ol2.html))


## [Google Maps](https://developers.google.com/maps/)

![Sidebar collapsed](doc/gmaps-1.png) ![Sidebar extended](doc/gmaps-2.png)

Example code at [`examples/gmaps.html`](examples/gmaps.html) ([Preview](http://turbo87.github.io/sidebar-v2/examples/gmaps.html))


## License

sidebar-v2 is free software, and may be redistributed under the [MIT license](LICENSE).