794140711d
- refactored control management (handle is stored with map) - refactored inactive control buttons (no background change) - added localization strings for zooming and default search engine - renaming: OSRM.MapView -> OSRM.Control.Map
109 lines
3.2 KiB
JavaScript
109 lines
3.2 KiB
JavaScript
/*
|
|
This program is free software; you can redistribute it and/or modify
|
|
it under the terms of the GNU AFFERO General Public License as published by
|
|
the Free Software Foundation; either version 3 of the License, or
|
|
any later version.
|
|
|
|
This program is distributed in the hope that it will be useful,
|
|
but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
GNU General Public License for more details.
|
|
|
|
You should have received a copy of the GNU Affero General Public License
|
|
along with this program; if not, write to the Free Software
|
|
Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA
|
|
or see http://www.gnu.org/licenses/agpl.txt.
|
|
*/
|
|
|
|
// OSRM Layers control
|
|
// [extension of Layers.Control with OSRM styling and additional query methods]
|
|
OSRM.Control.Layers = L.Control.Layers.extend({
|
|
|
|
// query functionality
|
|
getActiveLayerName: function () {
|
|
var i, input, obj,
|
|
inputs = this._form.getElementsByTagName('input'),
|
|
inputsLen = inputs.length;
|
|
|
|
for (i = 0; i < inputsLen; i++) {
|
|
input = inputs[i];
|
|
obj = this._layers[input.layerId];
|
|
if (input.checked && !obj.overlay) {
|
|
return obj.name;
|
|
}
|
|
}
|
|
},
|
|
getActiveLayer: function () {
|
|
var i, input, obj,
|
|
inputs = this._form.getElementsByTagName('input'),
|
|
inputsLen = inputs.length;
|
|
|
|
for (i = 0; i < inputsLen; i++) {
|
|
input = inputs[i];
|
|
obj = this._layers[input.layerId];
|
|
if (input.checked && !obj.overlay) {
|
|
return obj.layer;
|
|
}
|
|
}
|
|
},
|
|
|
|
|
|
// overwrite Control.Layers methods to get OSRM styling
|
|
onAdd: function (map) {
|
|
this._initLayout(map);
|
|
this._update();
|
|
|
|
return this._container;
|
|
},
|
|
_initLayout: function (map) {
|
|
var className = 'leaflet-control-layers',
|
|
container = this._container = L.DomUtil.create('div', className);
|
|
|
|
if (!L.Browser.touch) {
|
|
L.DomEvent.disableClickPropagation(container);
|
|
} else {
|
|
L.DomEvent.on(container, 'click', L.DomEvent.stopPropagation);
|
|
}
|
|
|
|
var form = this._form = L.DomUtil.create('form', className + '-list');
|
|
|
|
if (this.options.collapsed) {
|
|
L.DomEvent
|
|
.on(container, 'mouseover', this._expand, this)
|
|
.on(container, 'mouseout', this._collapse, this);
|
|
|
|
var link = this._layersLink = L.DomUtil.create('a', className + '-toggle', container);
|
|
link.href = '#';
|
|
link.title = 'Layers';
|
|
|
|
if (L.Browser.touch) {
|
|
L.DomEvent
|
|
.on(link, 'click', L.DomEvent.stopPropagation)
|
|
.on(link, 'click', L.DomEvent.preventDefault)
|
|
.on(link, 'click', this._expand, this);
|
|
}
|
|
else {
|
|
L.DomEvent.on(link, 'focus', this._expand, this);
|
|
}
|
|
|
|
this._map.on('movestart', this._collapse, this);
|
|
// TODO keyboard accessibility
|
|
} else {
|
|
this._expand();
|
|
}
|
|
|
|
this._baseLayersList = L.DomUtil.create('div', className + '-base', form);
|
|
this._separator = L.DomUtil.create('div', className + '-separator', form);
|
|
this._overlaysList = L.DomUtil.create('div', className + '-overlays', form);
|
|
|
|
container.appendChild(form);
|
|
},
|
|
_expand: function () {
|
|
L.DomUtil.addClass(this._container, 'leaflet-control-layers-expanded');
|
|
},
|
|
_collapse: function () {
|
|
this._container.className = this._container.className.replace(' leaflet-control-layers-expanded', '');
|
|
}
|
|
|
|
});
|