Leaflet.SlideMenu

A simple slide menu for Leaflet.
When you click the menu button and the menu is displayed to slide.
Please set the innerHTML to slide menu.

Usage

This control uses Font Awesome for the icon by default. To use, include:

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">

Include the CSS:

<link rel="stylesheet" href="L.Control.SlideMenu.css">

Include the JavaScript:

<script src="L.Control.SlideMenu.js"></script>

Example usage:

L.control.slideMenu('<p>test</p>').addTo(map);

Arguments

L.control.slideMenu(<String>innerHTML, <SlideMenu options>options?)

innerHTML: Set the innerHTML in the menu.
options: SlideMenu Options

Options

position: The standard Leaflet.Control position parameter. Defaults to 'topleft'
width: Set the width of the slide menu. Please be in px units. Defaults to '300px'
height: Set the height of the slide menu. Defaults to '100%'
delay: The display of the slide menu set the speed for moving one by 10px. The unit is milliseconds. Defaults to '10'

Methods

setContents(<String>innerHTML): Set the innerHTML in the menu. Please use here if you do not set the innerHTML to the argument of the slide menu.

Demo

DemoPage

License

MIT