Non puoi selezionare più di 25 argomenti
Gli argomenti devono iniziare con una lettera o un numero, possono includere trattini ('-') e possono essere lunghi fino a 35 caratteri.
40 righe
1.3 KiB
40 righe
1.3 KiB
2 anni fa
|
L.Control.Loader = L.Control.extend({
|
||
|
|
options: {
|
||
|
|
},
|
||
|
|
|
||
|
|
onAdd: function (map) {
|
||
|
|
this.container = L.DomUtil.create('div', 'leaflet-bar leaflet-control');
|
||
|
|
|
||
|
|
|
||
|
|
this.loaderContainer = L.DomUtil.create('div', 'leaflet-loader-container', this._map._container);
|
||
|
|
this.loaderBG = L.DomUtil.create('div', 'leaflet-loader-background', this.loaderContainer);
|
||
|
|
this.loader = L.DomUtil.create('div', 'leaflet-loader', this.loaderBG);
|
||
|
|
for (i=0; i<3; i++) {
|
||
|
|
L.DomUtil.create('div', '', this.loader);
|
||
|
|
}
|
||
|
|
|
||
|
|
this._map.dragging.disable();
|
||
|
|
this._map.touchZoom.disable();
|
||
|
|
this._map.doubleClickZoom.disable();
|
||
|
|
this._map.scrollWheelZoom.disable();
|
||
|
|
|
||
|
|
return this.container;
|
||
|
|
},
|
||
|
|
hide: function () {
|
||
|
|
this.loaderBG.style.animation ="hideLoader 1s";
|
||
|
|
this.loaderBG.style.webkitAnimationName ="hideLoader 1s";
|
||
|
|
this.loaderBG.style.opacity ="0";
|
||
|
|
|
||
|
|
var _this =this;
|
||
|
|
setTimeout(function (){_this.loaderContainer.style.display ="none";},300);
|
||
|
|
this._map.dragging.enable();
|
||
|
|
this._map.touchZoom.enable();
|
||
|
|
this._map.doubleClickZoom.enable();
|
||
|
|
this._map.scrollWheelZoom.enable();
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
L.control.loader = function(options) {
|
||
|
|
var newControl = new L.Control.Loader(options);
|
||
|
|
return newControl;
|
||
|
|
};
|