The LeafletMapButtonGroupOptions interface is used to LeafletMapButtonOptions and location of button Groups.
var editFunc = () => { }; var cancelFunc = () => { }; var notEditing = { title: 'Edit', icon: 'fa-edit', stateName: 'notEditing', onClick: editFunc }; var editing = { title: 'Cancel Edit', icon: 'fa-undo', stateName: 'Editing', onClick: cancelFunc }; var editButton = { position: 'topright', id: 'Edit', type: 'replace', leafletClasses: true, states: [ notEditing, editing ] }; var groupOptions = { id: 'EditBar', position: 'topright', buttonOptions: [editButton] };
Array of individual button options.
The id Property is the group identifier.
The position Property is a string that signifies button group display location. ('topright', 'topleft', 'bottomright', 'bottomleft')
The LeafletMapButtonGroupOptions interface is used to LeafletMapButtonOptions and location of button Groups.
var editFunc = () => { };
var cancelFunc = () => { };
var notEditing = { title: 'Edit', icon: 'fa-edit', stateName: 'notEditing', onClick: editFunc };
var editing = { title: 'Cancel Edit', icon: 'fa-undo', stateName: 'Editing', onClick: cancelFunc };
var editButton = { position: 'topright', id: 'Edit', type: 'replace', leafletClasses: true, states: [ notEditing, editing ] };
var groupOptions = { id: 'EditBar', position: 'topright', buttonOptions: [editButton] };