29 lines
789 B
JavaScript
29 lines
789 B
JavaScript
|
// https://openlayers.org/en/latest/examples/custom-controls.html
|
||
|
|
|
||
|
|
import {Control} from 'ol/control.js';
|
||
|
|
|
||
|
|
import './controls.css'
|
||
|
|
|
||
|
|
export default class ToggleMenuControl extends Control {
|
||
|
|
/**
|
||
|
|
* @param {Object} [opt_options] Control options.
|
||
|
|
*/
|
||
|
|
constructor(opt_options) {
|
||
|
|
const options = opt_options || {};
|
||
|
|
|
||
|
|
const button = document.createElement('button');
|
||
|
|
button.innerHTML = '≡';
|
||
|
|
|
||
|
|
const element = document.createElement('div');
|
||
|
|
element.className = 'show-menu ol-unselectable ol-control';
|
||
|
|
element.appendChild(button);
|
||
|
|
|
||
|
|
super({
|
||
|
|
element: element,
|
||
|
|
target: options.target,
|
||
|
|
});
|
||
|
|
|
||
|
|
button.addEventListener('click', () => document.body.classList.toggle("nav-open"), false);
|
||
|
|
}
|
||
|
|
}
|