WebSVN – eFlore/Applications.moissonnage – Diff – /trunk/widget/modules/carto/squelettes/scripts/carto.js

 // Javascript Document
-// ==============================================================
+// ===================================================================================
-//  FONCTIONS ADDITIONNELLES POUR GERER LES URLS
+//  FONCTIONS ADDITIONNELLES POUR GERER LES URLS ET L'OUVERTRURE DE NOUVELLE FENETRE
 function convertirEnParametresUrl(objet) {
 	var parametresUrl = '';
 	for (attribut in objet) {
 		if (typeof(objet[attribut]) == 'function' || typeof(objet[attribut]) == 'undefined' ||
-			objet[attribut] == null)
+			objet[attribut] == null || objet[attribut] == '*' || objet[attribut] == 0)
 			continue;
-		parametresUrl += (parametresUrl == '' ? '' : '&') + attribut + "=" + objet[attribut].toString();
+		parametresUrl += (parametresUrl == '' ? '' : '&') + attribut + "=" + objet[attribut];
+	}
 	return parametresUrl;
 };
+function recupererParametreDansUrl(nomParametre, chaineRecherche) {
+	var split = chaineRecherche.split('?');
-function estParametreDansUrl(nomParametre) {
+	chaineRecherche = split[split.length-1];
-	var estDansUrl = false;
+	var valeurParametre = null;
-	var listeParametres = location.search.substring(1).split("&");
+	var listeParametres = chaineRecherche.split("&");
 	for (var index = 0; index < listeParametres.length; index ++) {
 		var split = listeParametres[index].split("=");
 		if (split[0] == nomParametre) {
-			estDansUrl = true;
+			valeurParametre = split[1];
+			break;
+		}
+	}
-	return estDansUrl;
+	return valeurParametre;
 };
+function estValeurDansTableau(tableau, valeur) {
+	var index;
+	for (index = 0; index < tableau.length && tableau[index] != valeur; index ++);
+	return (tableau.length > 0 && index != tableau.length);
+}
+function ouvrirNouvelleFenetre(element, event) {
+	window.open(element.href);
+	return arreter(event);
+}
+function arreter(event) {
+	if (event.stopPropagation) {
+		event.stopPropagation();
+	} else if (window.event) {
+		window.event.cancelBubble = true;
+	}
+	if (event.preventDefault) {
+		event.preventDefault();
+	}
+	event.returnValue = false;
+	return false;
+}
 // =============================================================
 // =============================================================
 var map = null,
 optionsCoucheOSM = {
 	attribution: 'Map data &copy; <a href="http://openstreetmap.org">OpenStreetMap</a> contributors,'
 	+ ' <a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>',
 	maxZoom: 18
 },
 optionsCoucheGoogle = {
-	attribution: 'Map data &copy;' + new Date().getFullYear() + ' <a href="http://maps.google.com">Google</a>',
+	attribution: 'Map data &copy;'+new Date().getFullYear()+' <a href="http://maps.google.com">Google</a>',
 	maxZoom: 18
 },
 coucheOSM = new L.TileLayer("http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png",
 	optionsCoucheOSM),
 couchePlanGoogle = new L.TileLayer("http://mt1.google.com/vt/lyrs=m&x={x}&y={y}&z={z}",
 	optionsCoucheGoogle),
 coucheSatelliteGoogle = new L.TileLayer("http://mt1.google.com/vt/lyrs=y&x={x}&y={y}&z={z}",
 	optionsCoucheGoogle),
 optionsCarte = {
 	center : new L.LatLng(46, 2),
 	zoom : 6,
 	minZoom : 3,
 	maxBounds : [[-85.051129, -180], [85.051129, 180]],
-	layers : [couchePlanGoogle]
+	layers : [coucheOSM]
 },
+zoom = 6,
 legende = null,
+coucheDepartement = null,
 infoBulle = null;
 var coucheSites = new L.FeatureGroup(),
+points = new Array(),
+coucheSites = new L.FeatureGroup(),
+sources = new Object(),
+formeDonnees = '',
+popupMaille = null;
 overlays = [];
 var requeteChargementPoints = null,
+	chargementMaillesEnCours = false,
 doitRafraichirCarte = true,
+chargementCommunesEnCours = false,
 timer = null,
 url = '';
 $(document).ready(function() {
 	initialiserWidget();
 });
 function initialiserWidget() {
 	initialiserCarte();
-	initialiserListeners();
+	dimensionnerOverlay();
 	initialiserPanneauControle();
+	initialiserSources();
+	initialiserListeners();
 	chargerLimitesCommunales();
-	if (!estParametreDansUrl('source')) {
-		initialiserSources();
+	chargerMaillesVides();
-	}
 	programmerRafraichissementCarte();
+}
 $(window).resize(function() {
 	dimensionnerCarte();
 	if (infoBulle != null) {
 		redimensionnerPopup();
+	}
 });
+function dimensionnerOverlay() {
+	var taille = '1.6';
+	var tailleMaxIcones = 20;
+	var padding_icones = 8;
+	$("#zone-titre h1").css('font-size', (taille)+'em');
+	$("#zone-titre").css('padding', padding_icones+"px "+padding_icones+"px "+Math.round(padding_icones/4)+"px");
+	$('#zone-titre').height(tailleMaxIcones*2);
+	var left = ($(window).width()-$('#zone-titre').width())/2;
+	$('#zone-titre').css('left',left);
+}
 function dimensionnerCarte() {
 	$('#map').height($(window).height());
 	$('#map').width($(window).width());
+}
 function initialiserCarte() {
 	dimensionnerCarte();
 	map = L.map('map', optionsCarte);
 	coucheSites.addTo(map);
 	coucheOSM.addTo(map);
 	couchePlanGoogle.addTo(map);
 	coucheSatelliteGoogle.addTo(map);
 	var echelle = new L.Control.Scale({
-		maxWidth : 100,
+		maxWidth : 32,
 		metric : true,
 		imperial : false,
 		updateWhenIdle : true
 	});
 	map.addControl(echelle);
+	zoom = map.getZoom();
+}
 function initialiserListeners() {
 	map.on('moveend', surChangementVueSurCarte);
 	map.on('zoomend', surChangementVueSurCarte);
 	map.on('popupclose', function(e) {
 		masquerInfoBulle();
 		programmerRafraichissementCarte();
 	});
+}
 function initialiserPanneauControle() {
 	var baseMaps = {
-		"OSM" : coucheOSM,
+		"OpenStreetMap" : coucheOSM,
 		"Plan" : couchePlanGoogle,
 		"Satellite" : coucheSatelliteGoogle
 	};
 	var overlayMaps = {};
-	if (!estParametreDansUrl('source')) {
-		for (var index = 0; index < nomSources.length; index ++) {
+	for (var index = 0; index < listeSources.length; index ++) {
+		sources[listeSources[index]] = estValeurDansTableau(source, listeSources[index]);
-			overlayMaps[nomSources[index]] = new L.LayerGroup();
+		overlayMaps[listeSources[index]] = new L.LayerGroup();
-		}
+	}
 	L.control.layers(baseMaps, overlayMaps).addTo(map);
-	coucheOSM.bringToBack();
+	coucheOSM.bringToFront();
-	couchePlanGoogle.bringToFront();
+	couchePlanGoogle.bringToBack();
 	coucheSatelliteGoogle.bringToBack();
 	// garder par defaut la couche plan google comme selectionnee dans le panel
 	var selecteursFonds = $('.leaflet-control-layers-base .leaflet-control-layers-selector');
-	selecteursFonds[0].checked = false;
+	selecteursFonds[0].checked = true;
-	selecteursFonds[1].checked = true;
+	selecteursFonds[1].checked = false;
 	selecteursFonds[2].checked = false;
+}
 function chargerLimitesCommunales() {
+	coucheDepartement = new L.KML(null, {async : true}).addTo(map);
 	if (urlsLimitesCommunales != null) {
-		for (var index = 0; index < urlsLimitesCommunales.length; index ++) {
-			var url = urlsLimitesCommunales[index];
-			var coucheDepartement = new L.KML(url, {async: true});
+		coucheDepartement.addKMLFiles(urlsLimitesCommunales);
-			coucheDepartement.on("loaded", function(e) {
-				map.fitBounds(e.target.getBounds());
-			});
-			map.addLayer(coucheDepartement);
-		}
+	}
+}
 function initialiserSources() {
 	overlays = $('.leaflet-control-layers-overlays .leaflet-control-layers-selector');
 	$.each(overlays, function (index, input) {
-		input.value = sources[index];
+		input.value = listeSources[index];
 		input.id = 'overlay' + (index+1);
-		var lien = '<a href="' + liensVersSources[index] + '" target="_blank">' + nomSources[index] + '</a>';
+		var lien = '<a href="' + liensVersSources[index] + '" target="_blank">' + nomListeSources[index] + '</a>';
 		$('#overlay' + (index+1) + ' ~ span').html(lien);
-		input.type = 'radio';
-		input.checked = (sources[index] == source);
+		input.checked = sources[listeSources[index]];
-		input.onchange = function(event) {
+		input.onclick = function(event) {
-			// evenement sur selection/deselection overlay dans sa checkbox
 			changerSource(event.target.value);
+		}
 	});
+}
+function determinerSourcesSelectionnees() {
+	var sourcesSelectionnees = new Array();
+	for (source in sources) {
+		if (sources[source] == true) {
+			sourcesSelectionnees.push(source);
+		}
+	}
+	return sourcesSelectionnees;
+}
 function surChangementVueSurCarte() {
 	if (doitRafraichirCarte == false) {
 		doitRafraichirCarte = true;
 	} else {
+		supprimerTousLayers();
+		zoom = map.getZoom();
-		programmerRafraichissementCarte();
+		chargerMaillesVides();
+	}
+}
+function chargerMaillesVides() {
-function programmerRafraichissementCarte() {
+	chargementMaillesEnCours = true;
-	if(timer != null) {
+	if (timer != null) {
         window.clearTimeout(timer);
     }
-	if(requeteChargementPoints != null) {
+	if (requeteChargementPoints != null) {
-		requeteChargementPoints.abort();
-		requeteChargementPoints = null;
+		stopperRequeteAjax();
+	}
+	timer = window.setTimeout(function() {
+		var coordonneesBordure = calculerCoordonneesBordure();
+		var parametres = {
+				"source" : "floradata",
-	timer = window.setTimeout(function() {
+				"bbox" : coordonneesBordure,
+				"zoom" : map.getZoom()
+			};
-		supprimerLocalisations();
+			url = urlBase + "mailles?" + convertirEnParametresUrl(parametres);
-		afficherMessageChargement('stations');
+			fonctionCallback = traiterDonneesStations;
-		chargerLocalisations();
+			executerAJAX();
+	}, 400);
+}
+function programmerRafraichissementCarte(source) {
+	source = (source == null || source == 'null') ? null : source;
+	if (!chargementMaillesEnCours) {
+		if (timer != null) {
+			window.clearTimeout(timer);
+		}
+		if (requeteChargementPoints != null) {
+			if (source == null) {
+				stopperRequeteAjax();
+			}
+		}
+		timer = window.setTimeout("rafraichirDonnnees('"+source+"')", 250);
+    } else {
+    	window.setTimeout("programmerRafraichissementCarte('"+source+"')", 400);
     }, 400);
+}
+function stopperRequeteAjax() {
+	requeteChargementPoints.abort();
+	requeteChargementPoints = null;
+}
+function rafraichirDonnnees(source) {
+	source = (source == null || source == 'null') ? null : source;
+	if (coucheDepartement == null || coucheDepartement.getStatus() == KML_READY) {
+		if (source != null) {
+			chargerLocalisations(source);
+		} else {
+			supprimerLocalisations();
+			for (source in sources) {
+				if (sources[source] == true) {
+					chargerLocalisations(source);
+				}
+			}
+		}
+	} else {
+		window.setTimeout("rafraichirDonnnees('"+source+"')", 800);
-}
+	}
+}
+function supprimerTousLayers() {
+	coucheSites.clearLayers();
+	points = [];
+	formeDonnees = '';
+}
+function supprimerLocalisations(source) {
+	source = (typeof(source) == 'undefined') ? null : source;
+	if (source != null) {
+		var sourceUrl = recupererParametreDansUrl('source', url);
+		if (requeteChargementPoints != null && sourceUrl == source && source != null) {
+			stopperRequeteAjax();
+		}
+		coucheSites.eachLayer(function(layer) {
+			supprimerLayer(layer, source);
+		});
+		if (source != null) {
+			supprimerPointsListe(source);
+		}
+		var sourcesSelectionnees = determinerSourcesSelectionnees();
+		if (sourcesSelectionnees.length == 1 && determinerNombreMarqueurs(sourcesSelectionnees[0]) > 0) {
+			transformerMaillesEnPoints(sourcesSelectionnees[0]);
+		}
+		var sontPointsAffiches = (points.length>0 && determinerNombreMailles(false)==0);
+		formeDonnees = sontPointsAffiches ? 'point' : 'maille';
+	}
+}
+function estLayerUtilisePourSource(layer, source) {
+	return (
+		(layer.typeSite == 'MAILLE' && typeof(layer.nombrePoints[source]) != 'undefined') ||
+		(layer.typeSite != 'MAILLE' && layer.source == source)
+	);
+}
+function supprimerLayer(layer, source) {
+	if (estLayerUtilisePourSource(layer, source)) {
+		if (layer.typeSite == 'MAILLE') {
+			supprimerSourceDansMaille(layer, source);
+		} else {
 			coucheSites.removeLayer(layer);
 function supprimerLocalisations() {
 	coucheSites.clearLayers();
+}
 function changerSource(projetClique) {
-	// deselctionner les autres boutons des controles d'overlays dans le panel
+	var indexProjetClique;
 	for (var index = 0; index < overlays.length; index ++) {
-		if (overlays[index].value != projetClique) {
+		if (overlays[index].value == projetClique) {
-			overlays[index].checked = false;
+			indexProjetClique = index;
+		}
+	}
+	masquerInfoBulle();
-	// afficher les sites dans la carte pour le projet selectionne
+	sources[projetClique] = overlays[indexProjetClique].checked;
-	if (infoBulle != null) {
+	if (sources[projetClique] == true) {
+		programmerRafraichissementCarte(projetClique);
+	} else {
-		masquerInfoBulle();
+		supprimerLocalisations(projetClique);
+	}
-	source = projetClique;
-	programmerRafraichissementCarte();
+}
+function afficherMessageChargement(element) {
-function afficherMessageChargement(element) {
+	if ($("#zone-chargement").css('display') == 'none') {
-	var divTmplElement = 'tpl-chargement-' + element;
+		var divTmplElement = 'tpl-chargement-' + element;
-	$("#zone-chargement").append($("#" + divTmplElement).text());
+		$("#zone-chargement").append($("#" + divTmplElement).text());
+		$("#zone-chargement").css('display', 'block');
 	$("#zone-chargement").css('display', 'block');
+}
 function masquerMessageChargement() {
 	$("#zone-chargement").css('display', 'none');
 	$("#zone-chargement").children().remove();
+}
 // execution d'une requete AJAX
 function executerAJAX() {
 	if (requeteEnCours()) {
 		masquerMessageChargement();
 		requeteChargementPoints.abort();
+	}
 	requeteChargementPoints = $.getJSON(url).complete(function() {
 		fonctionCallback();
 	});
+}
 function requeteEnCours() {
 	return (requeteChargementPoints != null && requeteChargementPoints.readyState != 4);
+}
-function retourRequeteOK() {
+function estStatutRequeteOK() {
 	return ((requeteChargementPoints.status == 200 || requeteChargementPoints.status == 304)
 		|| requeteChargementPoints.status == 0);
+}
+function chargerLocalisations(source) {
+	if (requeteEnCours()) {
+		window.setTimeout("chargerLocalisations('"+source+"')", 400);
+	} else {
-function chargerLocalisations() {
+		afficherMessageChargement('stations');
-	// generer l'URL du script a interroger sur le serveur
+		// generer l'URL du script a interroger sur le serveur
-	var coordonneesBordure = calculerCoordonneesBordure();
+		var coordonneesBordure = calculerCoordonneesBordure();
-	var parametres = {
+		var parametres = {
-		"source" : source,
+			"source" : source,
-		"num_taxon" : num_taxon,
+			"num_taxon" : numTaxon,
-		"referentiel" : referentiel,
+			"referentiel" : referentiel,
+			"dept" : dept,
-		"dept" : dept,
+			"nn" : nn,
+			"auteur" : auteur,
+			"date_debut" : dateDebut,
-		"auteur" : auteur,
+			"date_fin" : dateFin,
+			"bbox" : coordonneesBordure,
-		"bbox" : coordonneesBordure,
+			"nb_jours" : nbJours,
-		"zoom" : map.getZoom()
+			"zoom" : map.getZoom()
-	};
+		};
-	url = urlBase + "stations?" + convertirEnParametresUrl(parametres);
+		url = urlBase + "stations?" + convertirEnParametresUrl(parametres);
-	fonctionCallback = traiterDonneesStations;
+		fonctionCallback = traiterDonneesStations;
+		executerAJAX();
 	executerAJAX();
+}
 function calculerCoordonneesBordure() {
 	var bordure = map.getBounds();
-	var ouest = bordure.getSouthWest().lng,
+	var ouest = bordure.getSouthWest().lng.toFixed(6),
-		sud = Math.max(bordure.getSouthWest().lat, -85.051129),
+		sud = Math.max(bordure.getSouthWest().lat, -85.051129).toFixed(6),
-		est = bordure.getNorthEast().lng,
+		est = bordure.getNorthEast().lng.toFixed(6),
-		nord = Math.min(bordure.getNorthEast().lat, 85.051129);
+		nord = Math.min(bordure.getNorthEast().lat, 85.051129).toFixed(6);
 	// appliquer les limites possibles de la projection actuellement utilisee aux coordonnees
 	// longitudes ouest et est de la bbox (permettra d'eviter de renvoyer des messages d'erreur)
 	if (ouest < -180) {
 		ouest += 360;
 	} else if (ouest > 180) {
 		ouest -= 360;
+	}
 	if (est < -180) {
 		est += 360;
 	} else if (est > 180) {
 		est -= 360;
+	}
 	return [ouest, sud, est, nord].join(',');
+}
 function traiterDonneesStations() {
 	masquerMessageChargement();
 	var texte = requeteChargementPoints.responseText;
-	if (!retourRequeteOK()) {
+	if (!estStatutRequeteOK()) {
 		alert(texte);
 	} else {
 		var donneesJSON = eval("(function(){return " + texte + ";})()");
-		if (typeof(donneesJSON) != 'undefined' && typeof(donneesJSON.features) != 'undefined') {
+		if (donneesJSON != null && typeof(donneesJSON.features) != 'undefined') {
-			ajouterObjets(donneesJSON);
+			ajouterStationsSurCarte(donneesJSON);
+		}
+	}
+}
-function ajouterObjets(data) {
-	coucheSites.clearLayers();
-	var contientMailles = (data.features[0].properties.typeSite == 'MAILLE');
-	for (var index = 0; index < data.features.length; index ++) {
+function ajouterStationsSurCarte(data) {
-		switch (data.features[index].properties.typeSite) {
+	if (doitTransformerEnMaille(data.stats)) {
-			case 'MAILLE'  : ajouterMaille(data.features[index]);
-				break;
+		if (points.length > 0 && data.stats.source != '') {
-			case 'COMMUNE' :
-			case 'STATION' : ajouterPoint(data.features[index]);
-				break;
+			combinerMaillesEtPoints();
+		}
+		formeDonnees = 'maille';
+	} else {
+		formeDonnees = data.stats.formeDonnees;
+	}
+	var sourceDonnees = data.stats.source;
+	for (var index = 0; index < data.features.length; index ++) {
 		ajouterStation(data.features[index]);
 	}
-	if (contientMailles && legende == null) {
+	if (formeDonnees == 'maille' && data.stats.sites > 0) {
 		afficherLegende();
+		regenererInfobulleMailles();
-	} else if (legende != null) {
+	} else {
 		masquerLegende();
+	}
+	if (chargementMaillesEnCours) {
+		chargementMaillesEnCours = false;
+		programmerRafraichissementCarte();
+	}
+}
+function ajouterStation(feature) {
+	if (feature.properties.typeSite == 'MAILLE') {
+		traiterMaille(feature);
+	} else {
+		ajouterPoint(feature);
+	}
+}
+function doitTransformerEnMaille(statsFeatures) {
+	var condition1 = (formeDonnees == 'point' && statsFeatures.formeDonnees =='maille');
+	var condition2 = (formeDonnees == 'maille' && statsFeatures.formeDonnees =='point'
+		&& determinerNombreMailles(false) > 0);
+	var condition3 = (statsFeatures.formeDonnees == 'point' && map.getZoom() <= ZOOM_MAXIMUM_MAILLAGE
+		&& (points.length+statsFeatures.sites) > SEUIL_MAILLAGE);
+	return (condition1 || condition2 || condition3);
+}
+// ====================================================================
+// Gestion des mailles
+var optionsMaille = {
+	color: '#FFFFFF',
+	opacity : 0.7,
+	weight: 1,
+	fillOpacity : 0.6
+};
+function determinerNombreMailles(prendToutesMailles) {
+	var nombreMailles = 0;
+	coucheSites.eachLayer(function(layer) {
+		if ('typeSite' in layer && layer.typeSite == 'MAILLE') {
+			var nombrePoints = 0;
+			for (var source in layer.nombrePoints) {
+				nombrePoints = layer.nombrePoints[source];
+			}
+			if (prendToutesMailles || nombrePoints>0) {
+				nombreMailles ++;
+			}
+		}
+	});
+	return nombreMailles;
+}
+function traiterMaille(feature) {
+	var coordonnees = [];
+	for (var i = 0; i < feature.geometry.coordinates.length; i++) {
+		var sommet = new L.LatLng(feature.geometry.coordinates[i][0], feature.geometry.coordinates[i][1]);
+		coordonnees.push(sommet);
+	}
+	var maille = rechercherMailleExistante(coordonnees);
+	if (maille) {
+		mettreAJourMaille(maille, feature);
+	} else if (feature.properties.nombrePoints > 0) {
+		ajouterMaille(feature);
+	}
+}
+function rechercherMailleExistante(coordonnees) {
+	var mailleTrouvee = null;
+	coucheSites.eachLayer(function(layer) {
+		if ('typeSite' in layer && layer.typeSite == 'MAILLE') {
+			if (sontMaillesIdentiques(coordonnees, layer._latlngs)) {
+				mailleTrouvee = layer;
+				return;
+			}
+		}
+	});
+	return mailleTrouvee;
+}
+function sontMaillesIdentiques(coordonnees1, coordonnees2) {
+	return (
+		coordonnees1[0].lat == coordonnees2[0].lat &&
+		coordonnees1[0].lng == coordonnees2[0].lng &&
+		coordonnees1[2].lat == coordonnees2[2].lat &&
+		coordonnees1[2].lng == coordonnees2[2].lng
 	);
+}
 function ajouterMaille(feature) {
 	var coordonnees = [];
 	for (var i = 0; i < feature.geometry.coordinates.length; i++) {
 		var sommet = new L.LatLng(feature.geometry.coordinates[i][0], feature.geometry.coordinates[i][1]);
 		coordonnees.push(sommet);
+	}
-	var objet = new L.Polygon(coordonnees, {
+	var maille = new L.Polygon(coordonnees);
-		color: '#FFFFFF',
+	maille.setStyle(optionsMaille);
-		opacity : 0.7,
-		weight: 1,
-		fillColor : getColor(feature.properties.nombrePoints),
+	maille.typeSite = feature.properties.typeSite;
-		fillOpacity : 0.6
+	maille.nombrePoints = new Object();
-	});
-	objet.typeSite = feature.properties.typeSite;
+	var nombreAAjouter = feature.properties.nombrePoints == null ? 0 : parseInt(feature.properties.nombrePoints);
-	objet.nombrePoints = feature.properties.nombrePoints;
+	maille.nombrePoints[feature.properties.source] = nombreAAjouter;
-	objet.on('click', clicSurMaille);
-	coucheSites.addLayer(objet);
+	coucheSites.addLayer(maille);
-	// afficher le nombre de points inclus dans la maille
-	afficherNombreStationsDansMaille(objet);
+	colorerMaille(maille);
 }
-function afficherNombreStationsDansMaille(maille) {
+function mettreAJourMaille(maille, feature) {
-	// comme la div qui contiendra la valeur du nombre de stations va se placer dans la page
+	var nombreAAjouter = feature.properties.nombrePoints == null ? 0 : parseInt(feature.properties.nombrePoints);
-	// au centre de la maille (et qui va servir de point d'ancrage pour le bord gauche par defaut)
+	/*if (typeof(maille.nombrePoints[feature.properties.source]) == 'undefined') {
-	// il est necessaire de creer un decalage vers la gauche en fonction du nombre de chiffres
-	var decalage = calculerDecalagePositionnementNombre(maille.nombrePoints);
+		maille.nombrePoints[feature.properties.source] = nombreAAjouter;
-	var sudMaille    = maille._originalPoints[0].y,
-		ouestMaille  = maille._originalPoints[0].x,
-		nordMaille   = maille._originalPoints[2].y,
-		estMaille    = maille._originalPoints[2].x,
-		centreMaille = new L.Point((ouestMaille+estMaille)/2 - decalage, (sudMaille+nordMaille)/2);
-	var divIcon = new L.divIcon({
-		className : "nombre-sites",
-		html : maille.nombrePoints
-	});
+	} else {
-	var marqueurDiv = new L.Marker(map.layerPointToLatLng(centreMaille), {
+		maille.nombrePoints[feature.properties.source] += nombreAAjouter;
-		icon : divIcon,
-		maille : maille.getBounds()
-	});
+	}*/
-	marqueurDiv.on('click', clicSurMaille);
+	maille.nombrePoints[feature.properties.source] = nombreAAjouter;
-	coucheSites.addLayer(marqueurDiv);
+	colorerMaille(maille);
 }
-function calculerDecalagePositionnementNombre(nombrePoints) {
+function regenererInfobulleMailles() {
-	var recul = 0;
-	if (nombrePoints >= 10000) {
+	$('.leaflet-clickable').addClass('tooltip');
-		recul = 14;
-	} else if (nombrePoints >= 1000) {
+	coucheSites.eachLayer(function(layer) {
-		recul = 9;
-	} else if (nombrePoints >= 100) {
+		if (layer.typeSite == 'MAILLE') {
-		recul = 5;
+			genererInfobulle(layer);
-	}
+		}
-	return recul;
+	});
 }
-function clicSurMaille(event) {
+function colorerMaille(maille) {
+	var nombrePoints = 0;
+	for (sourceMaille in maille.nombrePoints) {
+		nombrePoints += maille.nombrePoints[sourceMaille];
+	}
-	if (event.target._zIndex != null) {
+	if (nombrePoints > 0) {
-		map.fitBounds(event.target.options.maille)
+		maille.on('click', surClicMaille);
+		maille.setStyle({fillColor : genererCouleur(nombrePoints), fillOpacity: 0.45, opacity: 0.7});
 	} else {
-		map.fitBounds(event.target.getBounds());
+		maille.setStyle({fillOpacity: 0, opacity: 0});
+		maille.off('click', surClicMaille);
+	}
+}
+function surClicMaille(event) {
+	map.fitBounds(event.layer.getBounds());
+}
-// generer la couleur a afficher pour les mailles
-function getColor(nombrePoints) {
+function genererCouleur(nombrePoints) {
 	var couleur = {'bleu': 231, 'vert': 224, 'rouge': 64},
 		seuils = [1, 10, 50 ,100, 500, 1000, 2500],
 		pas = 26,
 		position = 0;
 	for (var index = 1; index < seuils.length-1 && nombrePoints >= seuils[index]; index ++) {
 		position ++;
+	}
 	couleur.vert -= position*pas;
 	return 'rgb('+couleur.bleu+','+couleur.vert+','+couleur.rouge+')';
-	/*var codeHexa = 'rgb(231,224,64)';
-	if (nombrePoints >= 2500) {
-		codeHexa =  'rgb(231,68,64)';
-	} else if (nombrePoints >= 1000) {
-		codeHexa =  'rgb(231,94,64)';
-	} else if (nombrePoints >= 500) {
-		codeHexa =  'rgb(231,120,64)';
-	} else if (nombrePoints >= 100) {
-		codeHexa =  'rgb(231,146,64)';
-	} else if (nombrePoints >= 50) {
-		codeHexa =  'rgb(231,172,64)';
-	} else if (nombrePoints >= 10) {
-		codeHexa =  'rgb(231,198,64)';
-	}
-	return codeHexa;*/
-}
-function ajouterPoint(feature) {
-	var iconePoint = new L.Icon({ iconUrl : pointImageUrl,   iconSize : [16, 16] }),
-		iconeCommune   = new L.Icon({ iconUrl : communeImageUrl, iconSize : [24, 32] }),
-		icone = (feature.properties.typeSite == 'STATION') ? iconePoint : iconeCommune,
-		point = new L.LatLng(feature.geometry.coordinates[0], feature.geometry.coordinates[1]),
-		marker = new L.Marker(point, {
-			icon : icone,
-			type : feature.properties.typeSite,
-			title : feature.properties.nom
-		}).addTo(map);
-	marker.on('click', surClicMarqueur);
-	coucheSites.addLayer(marker);
+}
+function afficherLegende() {
-function afficherLegende() {
+	if (legende == null) {
-	legende = new L.Control({position : 'bottomright'});
+		legende = new L.Control({position : 'bottomright'});
-	legende.onAdd = function(map) {
+		legende.onAdd = function(map) {
-		return construireContenuHtmlLegende();
+			return construireContenuHtmlLegende();
-	};
+		};
+		map.addControl(legende);
 	map.addControl(legende);
+}
 function construireContenuHtmlLegende() {
 	var div = L.DomUtil.create('div', 'info');
 	div.innerHTML = '<h4>' + titreLegende + '</h4>';
 	var seuils = [1, 10, 50 ,100, 500, 1000, 2500];
 	var labels = [];
 	for (var i = 0; i < seuils.length; i ++) {
 		div.innerHTML +=
 			'<div class="legend">'+
-				'<span style="background:' + getColor(seuils[i] + 1) + '"></span>'+
+				'<span style="background:' + genererCouleur(seuils[i] + 1) + '"></span>'+
 				seuils[i]+ (i + 1 < seuils.length ? '&ndash;' + seuils[i + 1] : '+')+
 			'</div>';
+	}
 	return div;
+}
 function masquerLegende() {
+	if (legende != null) {
-	map.removeControl(legende);
+		map.removeControl(legende);
-	legende = null;
+		legende = null;
+	}
+}
+function supprimerSourceDansMaille(maille, sourceSuppression) {
+	if (typeof(maille.nombrePoints[sourceSuppression]) != 'undefined') {
+		maille.nombrePoints[sourceSuppression] = 0;
+		colorerMaille(maille);
+		genererInfobulle(maille);
+	}
+}
+function genererInfobulle(maille) {
+	var nombrePoints = 0,
+		nombreSources = 0;
+		contenuTexte = '';
+	for (sourceMaille in maille.nombrePoints) {
+		nombrePoints = maille.nombrePoints[sourceMaille];
+		if (nombrePoints > 0) {
+			contenuTexte += (contenuTexte.length==0 ?'' : '\n')+
+				sourceMaille+' : '+maille.nombrePoints[sourceMaille];
+		}
+		nombreSources ++;
+	}
+	if (nombreSources > 0) {
+		$(maille._path).addClass('tooltip');
+		$(maille._path).attr('title',contenuTexte);
+	}
+}
+// ====================================================================
+// Gestion des marqueurs
+function ajouterPoint(feature) {
+	var iconePoint = new L.Icon({ iconUrl : pointImageUrl,   iconSize : [16, 16] }),
+		iconeCommune   = new L.Icon({ iconUrl : communeImageUrl, iconSize : [24, 32] }),
+		icone = (feature.properties.typeSite == 'STATION') ? iconePoint : iconeCommune,
+		point = new L.LatLng(feature.geometry.coordinates[0], feature.geometry.coordinates[1]),
+		marker = new L.Marker(point, {
+			icon  : icone,
+			title : feature.properties.nom
+		})
+	marker.typeSite = feature.properties.typeSite;
+	marker.source = feature.properties.source;
+	marker.on('click', surClicMarqueur);
+	points.push(marker);
+	if (formeDonnees != 'maille') {
+		coucheSites.addLayer(marker);
+	} else {
+		ajouterPointDansMaille(marker);
+	}
+}
+function ajouterPointDansMaille(point) {
+	var maille = null;
+	coucheSites.eachLayer(function(layer) {
+		if (layer.typeSite == 'MAILLE' && layer.getBounds().contains(point.getLatLng())) {
+			maille = layer;
+			return;
+		}
+	});
+	if (typeof(maille.nombrePoints[point.source]) == 'undefined') {
+		maille.nombrePoints[point.source] = 1;
+	} else {
+		maille.nombrePoints[point.source] += 1;
+	}
+	colorerMaille(maille);
+}
+function combinerMaillesEtPoints() {
+	enleverMarqueursCarte();
+	coucheSites.eachLayer(function(layer) {
+		if (layer.typeSite == 'MAILLE') {
+			var nombrePoints = compterNombrePointsDansMaille(layer);
+			ajouterNombrePointsDansMaille(layer, nombrePoints);
+		}
+	});
+}
+function determinerNombreMarqueurs(source) {
+	var nombrePoints = 0;
+	for (var index = 0; index < points.length; index ++) {
+		if (points[index].source == source) {
+			nombrePoints += 1;
+		}
+	}
+	return nombrePoints;
+}
+function enleverMarqueursCarte() {
+	coucheSites.eachLayer(function(layer) {
+		if (layer.typeSite != 'MAILLE') {
+			coucheSites.removeLayer(layer);
+		}
+	});
+}
+function compterNombrePointsDansMaille(maille) {
+	var nombrePoints = {};
+	for (var index = 0; index < points.length; index ++) {
+		if (maille.getBounds().contains(points[index].getLatLng())) {
+			var source = points[index].source;
+			if (typeof(nombrePoints[source]) == 'undefined') {
+				nombrePoints[source] = 1;
+			} else {
+				nombrePoints[source] += 1;
+			}
+		}
+	}
+	return nombrePoints;
+}
+function ajouterNombrePointsDansMaille(maille, nombrePoints) {
+	for (sourceDonnees in nombrePoints) {
+		if (typeof(maille.nombrePoints[sourceDonnees]) == 'undefined') {
+			maille.nombrePoints[sourceDonnees] = nombrePoints[sourceDonnees];
+		} else {
+			maille.nombrePoints[sourceDonnees] += nombrePoints[sourceDonnees];
+		}
+	}
+	colorerMaille(maille);
+}
+function supprimerPointsListe(sourceDonnees) {
+	var index = 0;
+	while (index < points.length) {
+		if (points[index].source == sourceDonnees) {
+			points.splice(index, 1);
+		} else {
+			index ++;
+		}
+	}
+}
+function transformerMaillesEnPoints(sourceDonnees) {
+	coucheSites.eachLayer(function(layer) {
+		if (layer.typeSite == 'MAILLE' && typeof(layer.nombrePoints[sourceDonnees]) != 'undefined') {
+			supprimerSourceDansMaille(layer, sourceDonnees);
+		}
+	});
+	for (var index = 0; index < points.length; index ++) {
+		coucheSites.addLayer(points[index]);
+	}
+}
 function surClicMarqueur(event) {
 	var latitude = event.target.getLatLng().lat;
 	var longitude = event.target.getLatLng().lng;
 	pointClique = event.target;
 	afficherMessageChargement('observations');
 	var parametres = {
-		"source" : source,
+		"source" : pointClique.source,
-		"num_taxon" : num_taxon,
+		"num_taxon" : numTaxon,
 		"referentiel" : referentiel,
 		"auteur" : auteur,
+		"nn" : nn,
+		"type_site" : pointClique.typeSite,
+		"date_debut" : dateDebut,
+		"date_fin" : dateFin,
 		"longitude" : longitude,
-		"latitude" : latitude
+		"latitude" : latitude,
+		"nb_jours" : nbJours
 	};
 	url = urlBase + "observations?" + convertirEnParametresUrl(parametres);
 	fonctionCallback = traiterDonneesObservations;
 	executerAJAX();
+}
 function traiterDonneesObservations() {
 	masquerMessageChargement();
 	var texte = requeteChargementPoints.responseText;
-	if (!retourRequeteOK()) {
+	if (!estStatutRequeteOK()) {
 		alert(texte);
 	} else {
 		obsJSON = eval("(function(){return " + texte + ";})()");
+		if (obsJSON != null) {
-		viderListeObservations();
+			viderListeObservations();
-		if (obsJSON.total > 0) {
+			if (obsJSON.total > 0) {
-			doitRafraichirCarte = false;
+				doitRafraichirCarte = false;
-			map.setView(new L.LatLng(pointClique.getLatLng().lat, pointClique.getLatLng().lng), map.getZoom());
+				map.setView(new L.LatLng(pointClique.getLatLng().lat, pointClique.getLatLng().lng), map.getZoom());
-			afficherInfoBulle();
+				afficherInfoBulle();
-		} else if (infoBulle != null)  {
+			} else if (infoBulle != null)  {
-			masquerInfoBulle();
+				masquerInfoBulle();
+			}
+		}
+	}
+}
 function viderListeObservations() {
 	obsStation = new Array();
+}
 // ====================================================================
-//  Gestion de l'infobulle
+// Gestion de l'infobulle
 var obsJSON = null,
 	pointClique = null,
 	obsStation = [],
 	typeAffichage = "";
 function afficherInfoBulle() {
 	var latitude = pointClique.getLatLng().lat;
 	var longitude = pointClique.getLatLng().lng;
 	infoBulle = new L.Popup({maxWidth : definirLargeurInfoBulle(), maxHeight : 350});
 	infoBulle.setLatLng(new L.LatLng(latitude, longitude));
 	infoBulle.setContent($("#tpl-obs").html());
 	infoBulle.openOn(map);
 	remplirContenuPopup();
+}
 function definirLargeurInfoBulle() {
 	var largeurViewPort = $(window).width();
 	var lageurInfoBulle = null;
 	if (largeurViewPort < 800) {
 		largeurInfoBulle = 400;
 	} else if (largeurViewPort >= 800 && largeurViewPort < 1200) {
 		largeurInfoBulle = 500;
 	} else if (largeurViewPort >= 1200) {
 		largeurInfoBulle = 600;
+	}
 	return largeurInfoBulle;
+}
 function redimensionnerPopup() {
 	$('.leaflet-popup-content*').css('width',  definirLargeurInfoBulle());
 	$('#info-bulle').css('width',  definirLargeurInfoBulle());
+}
 function remplirContenuPopup() {
 	ajouterTableauTriable("#obs-tableau");
 	ajouterTitre();
 	afficherOnglets();
 	afficherTexteStationId();
+}
 function masquerInfoBulle() {
-	if (map.hasLayer(infoBulle) && infoBulle != null) {
+	if (infoBulle != null && map.hasLayer(infoBulle)) {
 		map.removeLayer(infoBulle);
+	}
 	infoBulle = null;
+}
 function ajouterTitre() {
 	var texteStationTitre = obsJSON.total + ' observation' + (obsJSON.total > 1 ? 's' : '')
 		+ ' pour ' + (pointClique.options.type=='STATION' ? 'la station : ' : 'la commune : ')
 		+ pointClique.options.title;
 	$('#obs-station-titre').text(texteStationTitre);
+}
 function selectionnerOnglet() {
 	$("#obs-vue-" + typeAffichage).css("display", "block");
 	$('#obs-tableau-lignes').empty();
 	$('#obs-liste-lignes').empty();
 	if (typeAffichage=='liste') {
 		$("#obs-vue-tableau").css("display", "none");
 	} else {
 		$("#obs-vue-liste").css("display", "none");
+	}
+}
 function ajouterObservationsDansHTML() {
 	if (obsStation.length==0) {
 		// premiere execution de la fonction : faire une copie des objets JSON decrivant les observations
 		for (var index = 0; index < obsJSON.observations.length; index ++) {
 			obsStation.push(obsJSON.observations[index]);
+		}
+	}
-	// ajouter les observations dans le code HTML
 	var obsPage = [];
 	for (var index = 0; index < obsStation.length; index ++) {
 		obsPage.push(obsStation[index]);
+	}
 	$("#tpl-obs-"+typeAffichage).tmpl(obsPage).appendTo("#obs-"+typeAffichage+"-lignes");
+}
 function afficherOnglets() {
 	var $tabs = $('#obs').tabs();
 	$('#obs').bind('tabsselect', function(event, ui) {
 		if (ui.panel.id == 'obs-vue-tableau') {
 			surClicAffichageTableau();
 		} else if (ui.panel.id == 'obs-vue-liste') {
 			surClicAffichageListe();
+		}
 	});
 	if (obsJSON.total > 4) {
 		surClicAffichageTableau();
 	} else {
 		$tabs.tabs('select', "#obs-vue-liste");
+	}
+}
 function surClicAffichageTableau() {
 	typeAffichage = 'tableau';
 	selectionnerOnglet();
 	ajouterObservationsDansHTML();
 	mettreAJourTableauTriable("#obs-tableau");
+}
 function surClicAffichageListe() {
 	typeAffichage = 'liste';
 	selectionnerOnglet();
 	ajouterObservationsDansHTML();
+}
 function ajouterTableauTriable(element) {
-	// add parser through the tablesorter addParser method
 	$.tablesorter.addParser({
-		// Définition d'un id unique pour ce parsseur
 		id: 'date_cel',
 		is: function(s) {
-			// doit retourner false si le parsseur n'est pas autodétecté
+			// doit retourner false si le parseur n'est pas autodétecté
 			return /^\s*\d{2}[\/-]\d{2}[\/-]\d{4}\s*$/.test(s);
 		},
 		format: function(date) {
 			// Transformation date jj/mm/aaaa en aaaa/mm/jj
 			date = date.replace(/^\s*(\d{2})[\/-](\d{2})[\/-](\d{4})\s*$/, "$3/$2/$1");
 			// Remplace la date par un nombre de millisecondes pour trier numériquement
 			return $.tablesorter.formatFloat(new Date(date).getTime());
 		},
-		// set type, either numeric or text
 		type: 'numeric'
 	});
 	$(element).tablesorter({
         headers: {
 : {
             	sorter:'date_cel'
+        	}
     	}
 	});
+}
 function mettreAJourTableauTriable(element) {
 	$(element).trigger('update');
+}
 function afficherTexteStationId() {
 	var latitude = pointClique.getLatLng().lat;
 	var longitude = pointClique.getLatLng().lng;
-	var texteStationId = pointClique.options.type + ':' + latitude + '|' + longitude;
+	var texteStationId = pointClique.typeSite+':'+latitude+'|'+longitude+', SOURCE:'+pointClique.source;
 	$('#obs-station-id').text(texteStationId);
+}

Subversion Repositories eFlore/Applications.moissonnage

(root)/trunk/widget/modules/carto/squelettes/scripts/carto.js – Rev 28 → 31