componentDidMount() { const { map } = this.props.leaflet; this.leafletElement.addTo(map); }
L.Control.extend({ options: { position: 'bottomright' }, setOpacityLayer: function (layer) { opacity_layer = layer; }, onAdd: function (map) { var opacity_slider_div = L.DomUtil.create('div', 'opacity_slider_control'); $(opacity_slider_div).slider({ orientation: "vertical", range: "min", min: 0, max: 100, value: 100, step: 5, start: function ( event, ui) { map.dragging.disable(); map.once('mousedown', function (e) { map.dragging.enable(); }); }, slide: function ( event, ui ) { var slider_value = ui.value / 100; opacity_layer.setOpacity(slider_value); } }); return opacity_slider_div; } })
componentDidMount() { const { map } = this.props.leaflet; this.leafletElement.addTo(map); }