index.js (803B)
1 import './style.css'; 2 import L from 'leaflet'; 3 4 function raiseControlsOnFocus(map) { 5 const selectors = [ 6 '.leaflet-top.leaflet-right', 7 '.leaflet-bottom.leaflet-right', 8 '.leaflet-top.leaflet-left', 9 '.leaflet-bottom.leaflet-left' 10 ]; 11 let elements = map._container.querySelectorAll(selectors.join(',')); 12 13 function raise(target) { 14 for (let cornerDiv of elements) { 15 if (cornerDiv === target) { 16 L.DomUtil.addClass(cornerDiv, 'leaflet-controls-corner-raised'); 17 } else { 18 L.DomUtil.removeClass(cornerDiv, 'leaflet-controls-corner-raised'); 19 } 20 } 21 } 22 23 [...elements].forEach((el) => L.DomEvent.on(el, 'mouseenter', raise.bind(null, el))); 24 } 25 26 export default raiseControlsOnFocus;