function _displayMapUpdateLinestring (divtarget) {
	divtarget = typeof divtarget !== 'undefined' ? divtarget : 'app';
	document.getElementById(divtarget).innerHTML = "<div id='map' class='map-wrapper'></div>";
	document.getElementById('home').className = "nav-link flat";
  document.getElementById('leaflet_crud_create').className = "nav-link flat";
  document.getElementById('leaflet_crud_read').className = "nav-link flat";
  document.getElementById('navbarDropdownUpdate').className = "nav-link dropdown-toggle active";
  document.getElementById('leaflet_crud_delete').className = "nav-link flat";
	
	var map, isCollapsed, openStreetMaps;
	if (document.body.clientWidth <= 767) {
		isCollapsed = true;
	} else {
		isCollapsed = false;
	}
	
	var promiseLinestring = $.ajax({ url: "assets/dataservice/read_linestring.php",
		method: "GET",
		dataType: "json",
		data: {command:"LINESTRING"},
		username: null,
		password: null
	});
	
	var linestringObjects = L.geoJson(null, {
		onEachFeature: function (feature, layer) {
			if (feature.properties) {
				layer.on({
					click: function (e) {
						var objectGIDToEdit = feature.properties.id;
						$("#editobjectgid").val(objectGIDToEdit);
						map.off();
						map.remove();
						_displayMapEditLinestring('app',objectGIDToEdit);
					}
				});
			}
		}
	});
	promiseLinestring.then(function (data) {
		linestringObjects.addData(data);
		map.addLayer(linestringObjects);
	});



	var url = "https://test-paesaggistica.lavoripubblici.sicilia.it/geoserver/mappers/wms";
										
	//################# INIZIO PARTICELLA SELEZIONATA #################
	<?php if ( strlen($_SESSION['SELECT_PARTICELLA']) > 100 ) { ?>
		particella = L.geoJson(<?php echo $_SESSION['SELECT_PARTICELLA'];?>, {
					style: {'color': "#ff0000",'fillColor': "rgb(255, 255, 0)",'fillOpacity': 0.4,'dashArray': 4,'weight': 3,'opacity': 0.9}
			});
	<?php } ?>	  
	//################# FINE PARTICELLA SELEZIONATA #################
										
	odm1 = L.tileLayer ('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
		  maxZoom: 20,
		  minZoom: 1,
		  transparent: true,
		  attribution: 'OpenStreetMap | contributors CC-BY-SA.'
		});


	odm2 = L.tileLayer ('http://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}', {
		  maxZoom: 20,
		  minZoom: 1,
		  transparent: true,
		  attribution: '© Esri | Source: Esri, USDA, USGS, AEX, GeoEye and the GIS User Community'
		});


	odm3 = L.tileLayer.wms (url, {
		  maxZoom: 20,
		  minZoom: 5,
		  transparent: true,
		  layers: 'mappers:provincie',
		  attribution: '© mapcloud services'
		});
										
	ctr10k = L.tileLayer.wms ('http://geoportal.mapcloud.it:8080/geoserver/wms', {
		  format: 'image/png',
		  transparent: true,
		  maxZoom: 20,
		  minZoom: 5,
		  transparent: true,
		  layers: 'mapcloud:ctr10k',
		  attribution: 'Carta Tecnica Regionale 1:10.000 - Regione Sicilia (Servizio WMS)'
		});
	
										
  	particelle = L.tileLayer.wms(url, {
            layers: "mappers:particelle_<?php echo $_SESSION['COMUNE_BELF']; ?>",
            format: "image/png",
			maxZoom: 20,
			minZoom: 10,
            transparent: true,
		   attribution: '© mapcloud services'
  	}),										
		
										
	map = L.map("map", {
		zoom: <?php echo $_SESSION['ZOOM'];?>,
		center: [<?php echo $_SESSION['CENTER'];?>],
		layers: [odm1,particella],
		minZoom: 3,
		maxZoom: 20,
		zoomControl: false,
		attributionControl: false
	});
	
	map.setMaxBounds([<?php echo $_SESSION['BOUND']; ?>]);

	var zoomControl = L.control.zoom({
		position: "topleft"
	}).addTo(map);
								
										
	var baseLayers = [
                {label: '<b>Opendata Map</b>', noShow: false, children: [
						 {label: 'OpenStreetMap', layer: odm1},
						 {label: 'Satellite Image', layer: odm2},
						 {label: 'Limiti provinciali', layer: odm3},
                ]},
                {label: '<b>Cartografia Regionale</b>', children: [
                         {label: 'CTR 10K - volo 2012-2013', layer: ctr10k },
                ]},
			];
										
	var overlayLayers =
        {
		label: '<b>CARTOGRAFICI</b>',
		noShow: true,
		children: [
			{label: '<b>Catasto</b>', children: [
				 {label: 'Particelle catastali', layer: particelle},
			]},
			{label: '<b>Particelle progetto</b>', children: [
				 {label: 'Particelle selezionate', layer: particella},
			]},			
            ]
        };

	var options = {
		collapsed: true,
		closedSymbol: '<i class="fal fa-plus-square" style="margin-right:5px"></i>',
		openedSymbol: '<i class="fal fa-minus-square" style="margin-right:5px"></i>',
		namedToggle: false,
		spaceSymbol: ' ',
		selectorBack: false,
		collapseAll: '',
		expandAll: '',
		};
											
	var layerControlTree = L.control.layers.tree(baseLayers, overlayLayers, options).addTo(map);


}

/* ============================================= */

function _displayMapEditLinestring (divtarget,objectgid) {
	divtarget = typeof divtarget !== 'undefined' ? divtarget : 'app';
	document.getElementById(divtarget).innerHTML = "<div id='map' class='map-wrapper'></div>";
	
	var map, isCollapsed, openStreetMaps;
	if (document.body.clientWidth <= 767) {
		isCollapsed = true;
	} else {
		isCollapsed = false;
	}



	var url = "https://test-paesaggistica.lavoripubblici.sicilia.it/geoserver/mappers/wms";
										
	//################# INIZIO PARTICELLA SELEZIONATA #################
	<?php if ( strlen($_SESSION['SELECT_PARTICELLA']) > 100 ) { ?>
		particella = L.geoJson(<?php echo $_SESSION['SELECT_PARTICELLA'];?>, {
					style: {'color': "#ff0000",'fillColor': "rgb(255, 255, 0)",'fillOpacity': 0.4,'dashArray': 4,'weight': 3,'opacity': 0.9}
			});
	<?php } ?>	  
	//################# FINE PARTICELLA SELEZIONATA #################
										
	odm1 = L.tileLayer ('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
		  maxZoom: 20,
		  minZoom: 1,
		  transparent: true,
		  attribution: 'OpenStreetMap | contributors CC-BY-SA.'
		});


	odm2 = L.tileLayer ('http://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}', {
		  maxZoom: 20,
		  minZoom: 1,
		  transparent: true,
		  attribution: '© Esri | Source: Esri, USDA, USGS, AEX, GeoEye and the GIS User Community'
		});


	odm3 = L.tileLayer.wms (url, {
		  maxZoom: 20,
		  minZoom: 5,
		  transparent: true,
		  layers: 'mappers:provincie',
		  attribution: '© mapcloud services'
		});
										
	ctr10k = L.tileLayer.wms ('http://geoportal.mapcloud.it:8080/geoserver/wms', {
		  format: 'image/png',
		  transparent: true,
		  maxZoom: 20,
		  minZoom: 5,
		  transparent: true,
		  layers: 'mapcloud:ctr10k',
		  attribution: 'Carta Tecnica Regionale 1:10.000 - Regione Sicilia (Servizio WMS)'
		});
	
										
  	particelle = L.tileLayer.wms(url, {
            layers: "mappers:particelle_<?php echo $_SESSION['COMUNE_BELF']; ?>",
            format: "image/png",
			maxZoom: 20,
			minZoom: 10,
            transparent: true,
		   attribution: '© mapcloud services'
  	}),										
		
										
	map = L.map("map", {
		zoom: <?php echo $_SESSION['ZOOM'];?>,
		center: [<?php echo $_SESSION['CENTER'];?>],
		layers: [odm1,particella],
		minZoom: 3,
		maxZoom: 20,
		zoomControl: false,
		attributionControl: false
	});
	
	map.setMaxBounds([<?php echo $_SESSION['BOUND']; ?>]);

	var zoomControl = L.control.zoom({
		position: "topleft"
	}).addTo(map);
								
										
	var baseLayers = [
                {label: '<b>Opendata Map</b>', noShow: false, children: [
						 {label: 'OpenStreetMap', layer: odm1},
						 {label: 'Satellite Image', layer: odm2},
						 {label: 'Limiti provinciali', layer: odm3},
                ]},
                {label: '<b>Cartografia Regionale</b>', children: [
                         {label: 'CTR 10K - volo 2012-2013', layer: ctr10k },
                ]},
			];
										
	var overlayLayers =
        {
		label: '<b>CARTOGRAFICI</b>',
		noShow: true,
		children: [
			{label: '<b>Catasto</b>', children: [
				 {label: 'Particelle catastali', layer: particelle},
			]},
			{label: '<b>Particelle progetto</b>', children: [
				 {label: 'Particelle selezionate', layer: particella},
			]},			
            ]
        };

	var options = {
		collapsed: true,
		closedSymbol: '<i class="fal fa-plus-square" style="margin-right:5px"></i>',
		openedSymbol: '<i class="fal fa-minus-square" style="margin-right:5px"></i>',
		namedToggle: false,
		spaceSymbol: ' ',
		selectorBack: false,
		collapseAll: '',
		expandAll: '',
		};
											
	var layerControlTree = L.control.layers.tree(baseLayers, overlayLayers, options).addTo(map);

	



	/* Digitize Function */
	var drawnItems = new L.FeatureGroup();
	map.addLayer(drawnItems);
	
	var promiseObjectEdit = $.ajax({ url: "assets/dataservice/read_one_linestring.php",
		method: "GET",
		dataType: "json",
		data: {command:"LINESTRING",id:objectgid},
		username: null,
		password: null
	});
	
	promiseObjectEdit.then(function (data) {
		L.geoJson(data, {
			style: function (feature) {
				return {
					color: "#FF0000"
				};
			},
			onEachFeature: _onEachFeature
		});
	});
	
	var drawControl = new L.Control.Draw({
		draw: {
			position: 'topleft',
			polyline: false,
			polygon: false,
			rectangle: false,
			circle: false,
			marker: false,
			circlemarker: false
		},
		edit: {
			featureGroup: drawnItems,
			edit: true,
			remove: false
		}
	});
	
	map.addControl(drawControl);
	
	/* edit functions */
	map.on('draw:edited', function (e) {
		var layers = e.layers;
		layers.eachLayer(function(layer) {
			var drawnJSONObject = layer.toGeoJSON();
			var objectGeometry = Terraformer.WKT.convert(drawnJSONObject.geometry);
			var objectGIDToEdit = $("#editobjectgid").val();
			$.ajax({ url: "assets/dataservice/update_linestring.php",
				method: "GET",
				dataType: "json",
				data: {command:"UPDATE",id:objectGIDToEdit,geometry:objectGeometry},
				success: function (data) {
					if (data.response == "200") {
						map.off();
						map.remove();
						_displayMapRead('app');
					} else {
						map.off();
						map.remove();
						_displayMapRead('app');
						console.log('Update feature failed.');
					}
				},
				username: null,
				password: null
			});
		});
	});
	
	function _onEachFeature (feature, layer) {
		drawnItems.addLayer(layer);
		map.fitBounds(drawnItems.getBounds());
		if (feature.properties) {
      layer.on({
				click: function (e) {
					var notes = feature.properties.notes;
          _buildDigitiseModalBox('modalform','UPDATE LINESTRING',notes);
        }
      });
    }
	}

	function _buildDigitiseModalBox (targetmodal,context,notes) {
		targetmodal = typeof targetmodal !== 'undefined' ? targetmodal : 'modalbox';
		context = typeof context !== 'undefined' ? context : 'UPDATE LINESTRING';
		notes = typeof notes !== 'undefined' ? notes : '';
		
		var htmlformcomponent = "" +
				"<input type='hidden' id='command' name='command' value='"+context+"'/>" +
				"<table id='feature_data' class='table table-condensed table-bordered table-striped'>" +
					"<thead>" +
						"<tr>" +
							"<th colspan='2' class='text-center'>Feature Data</th>" +
						"</tr>" +
					"</thead>" +
					"<tbody>" +
						"<tr>" +
							"<td class=''>Notes</td>" +
							"<td class='text-center'><input type='text' id='notes' name='notes' class='form-control' value='"+notes+"'/></td>" +
						"</tr>" +
					"</tbody>" +
				"</table>" +
			"";
		var modalfooter = "" +
			"<button type='button' id='canceldigitize' class='btn btn-default' data-dismiss='modal'><i class='fa fa-power-off'></i>&nbsp;Cancel</button>" +
			"<button type='button' id='saveattributedata' class='btn btn-primary'><i class='fa fa-floppy-o'></i>&nbsp;Save</button>" +
			"";
		$("#form_modal_body").empty();
		$("#form_modal_footer").empty().html(modalfooter);
		$("#form_modal_body").removeClass().addClass('modal-body');
		$("#form_modal_size").removeClass().addClass('modal-dialog');
		$("#form_modal_body").html(htmlformcomponent);
		$("#form_modal_label").html("<i class='fa fa-pencil'></i>&nbsp;"+context+"");
		
		$('#'+targetmodal+'').modal({show:true, backdrop:'static', keyboard:false});
	}

	$("#modalform").on('shown.bs.modal', function(){
    _activateFeatureSave();
	});
	
	function _activateFeatureSave () {
		$("#saveattributedata").on('click', function(evt){
			evt.stopImmediatePropagation();
			var gid = $("#editobjectgid").val();
			var noteString = $('#notes').val();
			$.ajax({ url: "assets/dataservice/update_data_linestring.php",
				method: "GET",
				dataType: "json",
				data: {id:gid, command:"UPDATE", notes:noteString},
				success: function (data) {
					if (data.response=="200") {
						$("#modalform").modal('hide');
						_displayMapRead('app');
					} else {
						$("#modalform").modal('hide');
						console.log('Failed to save.');
					}
				},
				username: null,
				password: null
			});
			return false;
		});
	}
}