mapbox-gl-toggle-control
Add a toggle control to your Mapbox GL Map that has the look and feel of other Mapbox GL controls. When clicked, the given HTMLElement will appear or disappear.
npm install mapbox-gl-toggle-control
Example
var mapbox = var ToggleControl = var map = container: 'map' // container id zoom: 55 // starting zoom maxBounds: -87 -9 -70 6 var toggle = documentmap
Fairy Centaur
This will create a control button on the map. The contents of the button can be changed via the CSS class mapboxgl-ctrl-toggle
.
API
var ctrl = ToggleControl(el: HTMLElement, [contents])
Create the toggle control. The control can be added to the map using map.addControl(ctrl, 'top-left')
.
el
: (required) HTMLElement. When the control is clicked ortoggle
is called, the element will be shown or hidden.contents
: (optional) The innerHTML contents of the button.
ctrl.hide()
Hide the element.
ctrl.show()
Show the element.
ctrl.toggle()
Toggle showing or hiding the element.
ctrl.isOpen()
Returns true
if the element is visible.
License
MIT