function createInput(input, cssClass, container) { var input = L.DomUtil.create('input', cssClass, container); input.setAttribute('type', 'input'); input.setAttribute('placeholder', 'Enter Description'); return input; }
const container = L.DomUtil.create('div'); console.log(marker); const markerDescription = createLabel(marker.options.desc, 'center', container);
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; } })
}, onAdd: function (map) { var container = L.DomUtil.create('div', 'search-container'); this.form = L.DomUtil.create('form', 'form', container); var group = L.DomUtil.create('div', 'form-group', this.form); this.input = L.DomUtil.create('input', 'form-control input-sm', group); this.input.type = 'text'; this.input.placeholder = this.options.placeholder; this.results = L.DomUtil.create('div', 'list-group', group); L.DomEvent.addListener(this.input, 'keyup', _.debounce(this.keyup, 300), this); L.DomEvent.addListener(this.form, 'submit', this.submit, this); }).sort(sort_geojson), 10); _.map(results, function(x) { var a = L.DomUtil.create('a', 'list-group-item'); a.href = ''; a.setAttribute('data-result-name', x.feature.properties.name);
function createLabel(label, cssClass, container) { var displayLabel = L.DomUtil.create('div',cssClass, container); displayLabel.innerHTML = label; return displayLabel; }
function createButton(label, cssClass, container,id) { var btn = L.DomUtil.create('button', cssClass, container); btn.setAttribute('type', 'button'); btn.setAttribute('id',id); btn.innerHTML = label; return btn; }
function createInput(input, cssClass, container) { var input = L.DomUtil.create('input', cssClass, container); input.setAttribute('type', 'input'); input.setAttribute('placeholder', 'Enter Description'); return input; }
function createButton(label, cssClass, container,id) { var btn = L.DomUtil.create('button', cssClass, container); btn.setAttribute('type', 'button'); btn.setAttribute('id',id); btn.innerHTML = label; return btn; }
function createLabel(label, cssClass, container) { var displayLabel = L.DomUtil.create('div',cssClass, container); displayLabel.innerHTML = label; return displayLabel; }
const container = L.DomUtil.create('div'); console.log(marker); const markerDescription = createLabel(marker.options.desc, 'center', container);