Commit c1a14408 authored by Pedro Eduardo Trujillo's avatar Pedro Eduardo Trujillo
Browse files

Agrega widget timeDimension cuando se necesita 

Implementa extensión de componente Map para gestionar la inclusión del
widget Leaflet TimeDimension, sólo cuando hay presente alguna capa con
dimensión temporal disponible.

Todavía presenta fallos de integración.
parent 12d93102

client-app/src/component/map/widget/_LeafletTimeDimension.js

0 → 100644
+132 −0
Original line number Diff line number Diff line 
define([

	'dojo/_base/declare'

	, 'dojo/_base/lang'

	, 'dojo/aspect'

	, 'leaflet'



	, 'iso8601-js-period'

	, 'L-timeDimension'

], function(

	declare

	, lang

	, aspect

	, L

) {



	return declare(null, {

		//	summary:

		//		Incluye y configura widget Leaflet.TimeDimension para Leaflet.



		constructor: function(args) {



			this.config = {

				_layersWithTimeDimension: {}

			};



			lang.mixin(this, this.config, args);



			aspect.before(this, '_addMapLayer', lang.hitch(this, this._addTimeDimensionMapLayer));

			aspect.before(this, '_removeMapLayer', lang.hitch(this, this._removeTimeDimensionMapLayer));

		},



		_addTimeDimensionMapLayer: function(obj) {



			var atlasItem = obj && obj.atlasItem;



			if (!atlasItem) {

				return;

			}



			var timeDefinition = atlasItem.timeDefinition;



			if (!timeDefinition) {

				return;

			}



			var layerId = obj.layerId;



			console.log('añadida capa', layerId)

			this._layersWithTimeDimension[layerId] = timeDefinition;



			if (!this._timeDimensionInstance) {

				this._addTimeDimensionWidget();

			}



			this._updateTimeDimensionWidget();

		},



		_removeTimeDimensionMapLayer: function(layerId) {



			if (!this._layersWithTimeDimension[layerId]) {

				return;

			}



			console.log('eliminada capa', layerId)

			delete this._layersWithTimeDimension[layerId];



			var layerInstance = this._overlayLayers[layerId].instance;

			this._timeDimensionInstance.unregisterSyncedLayer(layerInstance);



			var layersWithTimeDimensionCount = Object.keys(this._layersWithTimeDimension).length;



			if (!layersWithTimeDimensionCount && this._timeDimensionInstance) {

				this._removeTimeDimensionWidget();

				return;

			}



			this._updateTimeDimensionWidget();

		},



		_updateTimeDimensionWidget: function() {



			var times = Object.values(this._layersWithTimeDimension).map(function(item) {



				return [item.startDate, item.endDate];

			}).flat();



			this._timeDimensionInstance.setAvailableTimes(times, 'extremes');

		},



		_addTimeDimensionWidget: function() {



			this._timeDimensionInstance = new L.TimeDimension();



			this._timeDimensionControl = new L.Control.TimeDimension({

				timeDimension: this._timeDimensionInstance,

				playerOptions: {

					transitionTime: 100,

					loop: true,

					startOver: true

				},

				position: 'bottomleft',

				autoPlay: false,

				minSpeed: 1,

				speedStep: 1,

				maxSpeed: 15

			}).addTo(this.map);

		},



		_removeTimeDimensionWidget: function() {



			this._timeDimensionControl.remove();



			delete this._timeDimensionControl;

			delete this._timeDimensionInstance;

		},



		_getInnerLayer: function(layer, layerId) {



			var originalReturnValue = this.inherited(arguments);



			if (!originalReturnValue || !this._layersWithTimeDimension[layerId]) {

				return originalReturnValue;

			}



			var newReturnValue = L.timeDimension.layer.wms(originalReturnValue);



			this._timeDimensionInstance.registerSyncedLayer(newReturnValue);



			return newReturnValue;

		}

	});

});