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


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>',
	maxZoom: 18
},
coucheOSM = new L.TileLayer("http://a.tile.openstreetmap.org/{z}/{x}/{y}.png",
	optionsCoucheOSM),
coucheRelief = new L.TileLayer("http://c.tile3.opencyclemap.org/landscape/{z}/{x}/{y}.png",
	optionsCoucheOSM),
coucheSatellite = new L.TileLayer("http://mt1.google.com/vt/lyrs=y@218131653&hl=fr&src=app&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 : [coucheOSM]
},
zoom = 6,
legende = null,
coucheDepartement = null,
infoBulle = null;
 
var coucheSites = null,
sources = new Object(),
typeSite = 'maille',
overlays = [];
 
var requeteChargementPoints = null,
timer = null,
ancienneRequete = null,
deplacement = true,
url = '';
 
 
 
 
$(document).ready(function() {
	initialiserWidget();
});
 
$(window).resize(function() {
	dimensionnerCarte();
});
 
function initialiserWidget() {
	initialiserCarte();
	chargerLimitesCommunales();
	initialiserPanneauControle();
	initialiserSources();
	initialiserListeners();
	chargerLocalisations();
}
 
function initialiserCarte() {
	dimensionnerCarte();
	map = L.map('map', optionsCarte);
	coucheSatellite.addTo(map);
	coucheRelief.addTo(map);
	coucheOSM.addTo(map);
	var echelle = new L.Control.Scale({
		maxWidth : 50,
		metric : true,
		imperial : false,
		updateWhenIdle : true
	});
	map.addControl(echelle);
	zoom = map.getZoom();
}
 
function dimensionnerCarte() {
	$('#map').height($(window).height());
	$('#map').width($(window).width());
}
 
function initialiserListeners() {
	map.on('moveend', surChangementVueCarte);
	map.on('zoomend', surChangementVueCarte);
	map.on('popupclose', function(e) {
		masquerInfoBulle();
		programmerRafraichissementCarte();
	});
}
 
function initialiserPanneauControle() {
	var baseMaps = {
		"Satellite" : coucheSatellite,
		"Relief" : coucheRelief,
		"Plan" : coucheOSM
	};
 
	var overlayMaps = {};
	for (var index = 0; index < listeSources.length; index ++) {
		sources[listeSources[index]] = estValeurDansTableau(source, listeSources[index]);
		overlayMaps[listeSources[index]] = new L.LayerGroup();
	}
	L.control.layers(baseMaps, overlayMaps).addTo(map);
	coucheOSM.bringToFront();
	map.removeLayer(coucheRelief);
	map.removeLayer(coucheOSM);
	
	// 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 = true;
	selecteursFonds[1].checked = false;
	selecteursFonds[2].checked = false;
}
 
function chargerLimitesCommunales() {
	coucheDepartement = new L.KML(null, {async : true}).addTo(map);
	if (urlsLimitesCommunales != null) {
		coucheDepartement.addKMLFiles(urlsLimitesCommunales);
	}
}
 
function initialiserSources() {
	overlays = $('.leaflet-control-layers-overlays .leaflet-control-layers-selector');
	$.each(overlays, function (index, input) {
		input.value = listeSources[index];
		input.id = 'overlay' + (index+1);
		var lien = '<a href="' + liensVersSources[index] + '" target="_blank">' + nomListeSources[index] + '</a>';
		$('#overlay' + (index+1) + ' ~ span').html(lien);
		input.checked = sources[listeSources[index]];
		input.onclick = function(event) {
			changerSource(event.target.value);
		}
	});
}
 
function changerSource(projetClique) {
	var indexProjetClique;
	for (var index = 0; index < overlays.length; index ++) {
		if (overlays[index].value == projetClique) {
			indexProjetClique = index;
		}
	}
	masquerInfoBulle();
	sources[projetClique] = overlays[indexProjetClique].checked;
	if (sources[projetClique] == true) {
		programmerRafraichissementCarte(projetClique);
	} else {
		if (requeteEnCours()) {
			stopperRequeteAjax();
		}
		supprimerFeaturesSource(projetClique);
	}
}
 
function supprimerFeaturesSource(source) {
	if (coucheSites != null) {
		coucheSites.eachLayer(function(layer) {
			if (layer.typeSite == 'maille') {
				retirerStationsEtObservations(layer, source);
			} else {
				layer.supprimerSource(source, coucheSites);
				if (layer._map == 'null') {
					couheSites.removeLayer(layer);
				}
			}
		});
		if (typeSite == 'maille') {
			var nombreMailles = calculerNombreMaillesVisibles();
			if (nombreMailles == 0) {
				coucheSites.clearLayers();
				masquerLegende();
				typeSite = 'point';
			}
		}
	}
}
 
function retirerStationsEtObservations(maille, sourceRetrait) {
	var sources = maille.properties.source;
	var nombreStations = 0;
	for (var index = 0; index < sources.length; index ++) {
		var source = sources[index];
		if (source == sourceRetrait) {
			delete maille.properties.stations[source];
			delete maille.properties.observations[source];
		} else if (typeof(maille.properties.stations[source]) != 'undefined') {
			nombreStations += parseInt(maille.properties.stations[source]);
		}
	}
	if (nombreStations == 0) {
		coucheSites.removeLayer(maille);
	} else {
		colorerMaille(maille)
		genererInfobulle(maille);		
	}
}
 
function calculerNombreMaillesVisibles() {
	var nombreMailles = 0;
	coucheSites.eachLayer(function(layer) {
		if($(layer._path).attr('fill-opacity') != '0') {
			nombreMailles ++;
		}
	});
	return nombreMailles;
}
 
function estValeurDansTableau(tableau, valeur) {
	var index;
	for (index = 0; index < tableau.length && tableau[index] != valeur; index ++);
	return (tableau.length > 0 && index != tableau.length);
}
 
//************************************
// requetes stations
 
function surChangementVueCarte() {
	programmerRafraichissementCarte();
}
 
function programmerRafraichissementCarte(source) {
	$('#tooltip').css('display', 'none');
	source = (source == null || source == 'null') ? null : source;
	if (timer != null) {
		window.clearTimeout(timer);
	}
	if (requeteChargementPoints != null) {
		stopperRequeteAjax();
	}
	var nombreSourcesVisibles = 0;
	for (var index = 0; index < overlays.length; index ++) {
		if (overlays[index].checked) {
			nombreSourcesVisibles ++;
		}
	}
	if (source == null) {
		timer = window.setTimeout("chargerLocalisations()", 100);
	} else {
		timer = window.setTimeout("chargerSource('"+source+"')", 100);
	}
}
 
function stopperRequeteAjax() {
	requeteChargementPoints.abort();
	requeteChargementPoints = null;
}
 
function chargerLocalisations() {
	if (requeteEnCours()) {
		requeteChargementPoints.abort();
	}
	afficherMessageChargement('stations');
	if (!(ancienneRequete != null && ancienneRequete[1] == map.getZoom()
		&& map.getBounds().intersects(ancienneRequete[0]))) {	
		supprimerFeatures();
		deplacement = false;
	}
	var bboxRequete = calculerBboxRequete();
	var parametres = {
		"bbox" : bboxRequete,
		"zoom" : map.getZoom(),
		"source" : recupererSourcesActivees(),
		"num_taxon" : numTaxon,
		"nn" : nn,
		"referentiel" : referentiel,
		"dept" : dept,
		"auteur" : auteur,
		"date_debut" : dateDebut,
		"date_fin" : dateFin,
		"nb_jours" : nbJours
	};
	if (deplacement == true) {
		parametres.format = typeSite;
	}
	ancienneRequete = [map.getBounds(), map.getZoom()];
	url = urlBase + "stations?" + convertirEnParametresUrl(parametres);
	fonctionCallback = traiterDonneesStations;
	executerAJAX();
}
 
function supprimerFeatures() {
	if (coucheSites != null) {
		coucheSites.clearLayers();
		coucheSites = null;
	}
}
 
function recupererSourcesActivees(sourceAIgnorer) {
	sourceAIgnorer = typeof(sourceAIgnorer) == 'undefined' ? '' : sourceAIgnorer;
	var sourcesActivees = [];
	for (var index = 0; index < overlays.length; index ++) {
		if (overlays[index].checked == true && overlays[index].value != sourceAIgnorer) {
			sourcesActivees.push(overlays[index].value);
		}
	}
	return sourcesActivees.join(',');
}
 
function chargerSource(sourceAjout) {
	if (requeteEnCours()) {
		requeteChargementPoints.abort();
	}
	afficherMessageChargement('stations');
	var bboxRequete = determinerCoordonneesBordure();
	var parametres = {
		"bbox" : bboxRequete,
		"zoom" : map.getZoom(),
		"format" : typeSite,
		"source" : sourceAjout,
		"num_taxon" : numTaxon,
		"nn" : nn,
		"referentiel" : referentiel,
		"dept" : dept,
		"auteur" : auteur,
		"date_debut" : dateDebut,
		"date_fin" : dateFin,
		"nb_jours" : nbJours
	};
	ancienneRequete = [map.getBounds(), map.getZoom()];
	url = urlBase + "stations?" + convertirEnParametresUrl(parametres);
	fonctionCallback = traiterRetourChargementSource;
	executerAJAX();
}
 
function calculerBboxRequete() {
	var bordure = map.getBounds();
	var bboxRequete = "";
	if (ancienneRequete != null && ancienneRequete[1] == map.getZoom()
		&& bordure.intersects(ancienneRequete[0])) {
		bboxRequete = calculerIntersectionRectangle(ancienneRequete[0], bordure);
	} else {
		bboxRequete = determinerCoordonneesBordure();
	}
	return bboxRequete;
}
 
function calculerIntersectionRectangle(rectangle1, rectangle2) {
	var bbox1 = [rectangle2.getSouthWest().lng.toFixed(6), rectangle2.getSouthWest().lat.toFixed(6),
	    rectangle2.getNorthEast().lng.toFixed(6), rectangle2.getNorthEast().lat.toFixed(6)];
	var bbox2 = [rectangle2.getSouthWest().lng.toFixed(6), rectangle2.getSouthWest().lat.toFixed(6),
	    rectangle2.getNorthEast().lng.toFixed(6), rectangle2.getNorthEast().lat.toFixed(6)];
	
	if (rectangle2.getSouthWest().lng >= rectangle1.getSouthWest().lng
	 	&& rectangle2.getSouthWest().lng <= rectangle1.getNorthEast().lng) {
		bbox2[0] = bbox1[2] = rectangle1.getNorthEast().lng.toFixed(6);
		if (rectangle2.getSouthWest().lat >= rectangle1.getSouthWest().lat
			&& rectangle2.getSouthWest().lat <= rectangle1.getNorthEast().lat) {
			bbox1[1] = rectangle1.getNorthEast().lat.toFixed(6);
		} else {
			bbox1[3] = rectangle1.getSouthWest().lat.toFixed(6);
		}
	} else {
		bbox2[0] = bbox1[2] = rectangle1.getSouthWest().lng.toFixed(6);
		if (rectangle2.getSouthWest().lat >= rectangle1.getSouthWest().lat
			&& rectangle2.getSouthWest().lat <= rectangle1.getNorthEast().lat) {
			bbox2[1] = rectangle1.getNorthEast().lat.toFixed(6);
		} else {
			bbox2[3] = rectangle1.getSouthWest().lat.toFixed(6);
		}
	}
	return bbox1.join(',')+'|'+bbox2.join(',');
}
 
function determinerCoordonneesBordure() {
	var ouest = map.getBounds().getSouthWest().lng.toFixed(6),
		sud = Math.max(map.getBounds().getSouthWest().lat, -85.051129).toFixed(6),
		est = map.getBounds().getNorthEast().lng.toFixed(6),
		nord = Math.min(map.getBounds().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 afficherMessageChargement(element) {
	if ($("#zone-chargement").css('display') == 'none') {
		var divTmplElement = 'tpl-chargement-' + element;
		$("#zone-chargement").append($("#" + divTmplElement).text());
		$("#zone-chargement").css('display', 'block');
	}
}
 
function masquerMessageChargement() {
	$("#zone-chargement").css('display', 'none');
	$("#zone-chargement").children().remove();
}
 
function executerAJAX() {
	if (requeteEnCours()) {
		requeteChargementPoints.abort();
	}
	requeteChargementPoints = $.getJSON(url).complete(function() {
		fonctionCallback();
	});
}
 
function requeteEnCours() {
	return (requeteChargementPoints != null && requeteChargementPoints.readyState != 4);
}
 
function estStatutRequeteOK() {
	return ((requeteChargementPoints.status == 200 || requeteChargementPoints.status == 304)
		|| requeteChargementPoints.status == 0);
}
 
function convertirEnParametresUrl(objet) {
	var parametresUrl = '';
	for (attribut in objet) {
		if (typeof(objet[attribut]) == 'function' || typeof(objet[attribut]) == 'undefined' ||
			objet[attribut] == null || objet[attribut] == '*' || objet[attribut] == 0)
			continue;
		parametresUrl += (parametresUrl == '' ? '' : '&') + attribut + "=" + objet[attribut];
	}
	return parametresUrl;
};
 
function traiterDonneesStations() {
	masquerMessageChargement();
	masquerLegende();
	if (deplacement == true) {
		supprimerFeaturesHorsBbox();
	}
	deplacement = true;
	var texte = requeteChargementPoints.responseText;
	if (!estStatutRequeteOK()) {
		alert(texte);
	} else {
		var donneesJSON = eval("(function(){return " + texte + ";})()");
		if (donneesJSON != null && donneesJSON.features.length > 0) {
			ajouterStationsSurCarte(donneesJSON);
		}
	}
}
 
function traiterRetourChargementSource() {
	masquerMessageChargement();
	var texte = requeteChargementPoints.responseText;
	if (!estStatutRequeteOK()) {
		alert(texte);
	} else {
		var donneesJSON = eval("(function(){return " + texte + ";})()");
		if (donneesJSON != null && donneesJSON.features.length > 0) {
			var formatRetourDifferent = donneesJSON.stats.formeDonnees != typeSite;
			ajouterStationsSurCarte(donneesJSON);
			if (formatRetourDifferent) {
				var sourceAIgnorer = donneesJSON.stats.source[0];
				var sourcesARecharger = recupererSourcesActivees(sourceAIgnorer);
				if (sourcesARecharger.length > 0) {
					rechargerSources(sourcesARecharger);
				}
			}
		}
	}
}
 
function supprimerFeaturesHorsBbox() {
	var bordure = map.getBounds();
	var layersRestants = 0;
	if (coucheSites != null) {
		coucheSites.eachLayer(function(layer) {
			if (typeof(layer._latlng) != 'undefined') {
				if (bordure.contains(layer.getLatLng())) {
					layersRestants ++;
				} else {
					coucheSites.supprimerPoint(layer);
				}
			} else {
				if (bordure.intersects(layer.getBounds())) {
					layersRestants ++;
				} else {
					coucheSites.removeLayer(layer);
				}
			}
		});
	}
	if (layersRestants == 0) {
		coucheSites = null;
	}
}
 
function rechargerSources(sourcesARecharger) {
	var listeSourcesASupprimer = sourcesARecharger.split(',');
	for (var index = 0; index < listeSourcesASupprimer.length; index ++) {
		supprimerFeaturesSource(listeSourcesASupprimer[index]);
	}
	chargerSource(sourcesARecharger);
}
 
function ajouterStationsSurCarte(donnees) {
	typeSite = donnees.stats.formeDonnees;
	if (coucheSites == null) {
		coucheSites = (typeSite == 'maille') ? new L.FeatureGroup() : new L.ClusterGroup();
		map.addLayer(coucheSites);
	}
	for (var index = 0; index < donnees.features.length; index ++) {
		var feature = donnees.features[index];
		if (typeSite == 'maille') {
			traiterMaille(feature);
		} else {
			ajouterPoint(feature);
		}
	}
	if (donnees.features.length > 0) {
		afficherLegende();
	}
	if (typeSite == 'maille') {
		genererInfobulleMailles();
	} else {
		coucheSites.afficherClusters();
	}
}
 
// =========================================
// Gestion des mailles
 
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 {
		maille = ajouterMaille(feature, coordonnees);
	}
	colorerMaille(maille);
}
 
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, coordonnees) {
	var maille = new L.Polygon(coordonnees);
	var optionsMaille = {
		color: '#FFFFFF',
		opacity : 0.7,
		weight: 1,
		fillOpacity : 0.6
	};
	maille.setStyle(optionsMaille);
	maille.typeSite = 'maille';
	maille.properties = feature.properties;
	coucheSites.addLayer(maille);
	return maille;
}
 
function mettreAJourMaille(maille, feature) {
	var sources = feature.properties.source;
	for (var index = 0; index < sources.length; index ++) {
		var source = sources[index];
		maille.properties.stations[source] = parseInt(feature.properties.stations[source]);
		maille.properties.observations[source] = parseInt(feature.properties.observations[source]);
		maille.properties.source.push(source);
	}
}
 
function colorerMaille(maille) {
	var nombreStations = 0;
	var sources = maille.properties.source;
	for (var index = 0; index < sources.length; index ++) {
		var source = sources[index];
		if (typeof(maille.properties.stations[source]) != 'undefined') {
			nombreStations += parseInt(maille.properties.stations[source]);
		}
	}
	if (nombreStations > 0) {
		maille.on('click', surClicMaille);
		maille.setStyle({fillColor : genererCouleur(nombreStations), fillOpacity: 0.45, opacity: 0.7});
	} else {
		maille.setStyle({fillOpacity: 0, opacity: 0});
		maille.off('click');
	}
}
 
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+')';
}
 
function surClicMaille(event) {
	map.fitBounds(event.layer.getBounds());
}
 
function afficherLegende() {
	if (legende == null) {
		legende = new L.Control({position : 'bottomright'});
		legende.onAdd = function(map) {
			var contenuHtml = '';
			if (typeSite == 'maille') {
				contenuHtml = construireContenuHtmlLegendeMailles();
			} else {
				contenuHtml = construireContenuHtmlLegendePoints(); 
			}
			return contenuHtml;
		};
		map.addControl(legende);
	}
}
 
function construireContenuHtmlLegendeMailles() {
	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 class="couleur-maille" 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);
		legende = null;
	}
}
 
function genererInfobulleMailles() {
	coucheSites.eachLayer(function(layer) {
		if (layer.typeSite == 'maille') {
			genererInfobulle(layer);
		}
	});
}
 
function genererInfobulle(maille) {
	var sources = maille.properties.source;
	var textes = new Array();
	for (var index = 0; index < sources.length; index ++) {
		var source = sources[index];
		if (typeof(maille.properties.stations[source]) != 'undefined') {
			textes.push(source+" : "+maille.properties.stations[source]+" stations, "
				+maille.properties.observations[source]+" observations");
		}
	}
	var contenu = textes.join('<br />');
	maille.on('mouseover', function() {
		afficherTooltip(contenu, map.latLngToContainerPoint(maille.getBounds().getSouthWest()));
	});
	maille.on('mouseout', function() {
		$("#tooltip").css('display', 'none');
	});
}
 
function afficherTooltip(texte, point) { 
	$("#tooltip").html(texte);
	if ($("#tooltip").css('display') == 'none') {
		var x = point.x - 15;
		var y = point.y + (typeSite == 'maille' ? 1 : 10);
		$("#tooltip").css('display', 'block');
		$("#tooltip").css('left', x + 'px');
		$("#tooltip").css('top', y + 'px');
	}
}
 
 
 
 
// ====================================================================
// Gestion des points
 
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]);
	var marker = new L.Cluster(point, {
		icon  : icone,
		titre : feature.properties.nom
	});
	marker.typeSite = feature.properties.typeSite.toLowerCase();
	marker.source = feature.properties.source;
	marker.on('click', surClicMarqueur);
	marker.on('mouseover', function() {
		afficherTooltip(marker.options.titre, map.latLngToContainerPoint(marker.getLatLng()));
	});
	marker.on('mouseout', function() {
		$("#tooltip").css('display', 'none');
	});
	coucheSites.ajouterPoint(marker);
}
 
function construireContenuHtmlLegendePoints() {
	var div = L.DomUtil.create('div', 'info');
	div.innerHTML =
	'<h4>Stations</h4>'+
	'<div class="legend"><table>'+
		'<tr>'+
			'<td class="image-station"><img src="'+communeImageUrl+'" width="24" height="32" /></td>'+
			'<td class="label-station">Commune</td>'+
		'</tr>'+
		'<tr>'+
			'<td class="image-station"><img src="'+pointImageUrl+'" /></td>'+
			'<td class="label-station">Lieu précis</td>'+
		'</tr>'+
		'<tr>'+
			'<td class="image-station"><img src="'+clusterImageUrl+'" width="20" height="20" /></td>'+
			'<td class="label-station">Groupe de stations proches</td>'+
		'</tr>'+
	'</table></div>';
	return div;
}
 
 
function surClicMarqueur(event) {
	var nombreMarkers = event.target.recupererMarkers().length;
	if (nombreMarkers == 1 || map.getZoom() == map.getMaxZoom()) {
		recupererObservations(event.target);
	} else {
		map.setView(event.target.getLatLng(), Math.min(map.getZoom()+2, map.getMaxZoom()));
	}
}
 
function recupererObservations(cluster) {
	pointClique = cluster;
	var latlng = cluster.getLatLng();
	afficherMessageChargement('observations');
	var parametres = {
		"source" : recupererSourcesCluster(cluster),
		"stations" : construireListeStationsCluster(cluster),
		"num_taxon" : numTaxon,
		"nn" : nn,
		"referentiel" : referentiel,
		"auteur" : auteur,
		"date_debut" : dateDebut,
		"date_fin" : dateFin,
		"nb_jours" : nbJours
	};
	url = urlBase + "observations?" + convertirEnParametresUrl(parametres);
	fonctionCallback = traiterDonneesObservations;
	executerAJAX();
}
 
function recupererSourcesCluster(cluster) {
	var markers = cluster.recupererMarkers();
	var sourcesCluster = [];
	for (var index = 0; index < markers.length; index ++) {
		if (sourcesCluster.indexOf(markers[index].source) == -1) {
			sourcesCluster.push(markers[index].source);
		}
	}
	return sourcesCluster.join(',');
}
 
function construireListeStationsCluster(cluster) {
	var markers = cluster.recupererMarkers();
	var listePoints = [];
	for (var index = 0; index < markers.length; index ++) {
		var latlng = markers[index].getLatLng();
		listePoints.push(markers[index].source+":"+markers[index].typeSite+":"+latlng.lng+","+latlng.lat);
	}
	return listePoints.join('|');
}
 
function traiterDonneesObservations() {
	masquerMessageChargement();
	var texte = requeteChargementPoints.responseText;
	if (!estStatutRequeteOK()) {
		alert(texte);
	} else {
		obsJSON = eval("(function(){return " + texte + ";})()");
		if (obsJSON != null) {
			viderListeObservations();
			if (obsJSON.total > 0) {
				doitRafraichirCarte = false;
				map.setView(new L.LatLng(pointClique.getLatLng().lat, pointClique.getLatLng().lng), map.getZoom());
				afficherInfoBulle();
			} else if (infoBulle != null)  {
				masquerInfoBulle();
			}
		}
	}
}
 
 
 
 
// ====================================================================
// Gestion de l'infobulle
 
var obsJSON = null,
	pointClique = null,
	obsStation = [],
	pagineur = {'limite':100, 'start':0, 'total':0, 'stationId':null, 'format':'tableau'};
 
function afficherInfoBulle() {
	var latitude = pointClique.getLatLng().lat;
	var longitude = pointClique.getLatLng().lng;
	infoBulle = new L.Popup({maxWidth : definirLargeurInfoBulle(), maxHeight : 380});
	infoBulle.setLatLng(new L.LatLng(latitude, longitude));
	infoBulle.setContent($("#tpl-obs").html());
	infoBulle.openOn(map);
	remplirContenuPopup();
	$('#info-bulle').css('width', '99%');
	$('#observations').css('height', '250px');
	$('#observations').css('overflow', 'auto');
	$('.leaflet-popup-scrolled').css('overflow', 'visible');
}
 
function viderListeObservations() {
	obsStation = new Array();
}
 
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', '99%');
}
 
function remplirContenuPopup() {
	ajouterTableauTriable("#obs-tableau");
	ajouterTitre();
	afficherTableau();
	afficherTexteStationId();
}
 
function masquerInfoBulle() {
	if (infoBulle != null && map.hasLayer(infoBulle)) {
		map.removeLayer(infoBulle);
	}
	infoBulle = null;
}
 
function ajouterTitre() {
	var texteStationTitre = obsJSON.total + ' observation' + (obsJSON.total > 1 ? 's' : '')
		+ ' sur ' + (pointClique.typeSite=='station' ? 'la station : ' : 'la commune : ')
		+ pointClique.options.title;
	$('#obs-station-titre').text(texteStationTitre);
}
 
function afficherTableau() {
	construireListeObservations();
	afficherPagination();
	afficherObservationsDansHTML();
}
 
function construireListeObservations() {
	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]);
		}
	}
	pagineur.total = obsStation.length;
}
 
function afficherPagination() {
	$(".navigation").pagination(pagineur.total, {
		items_per_page:pagineur.limite,
		callback:afficherObservationsDansHTML,
		next_text:'Suivant',
		prev_text:'Précédent',
		prev_show_always:false,
		num_edge_entries:1,
		num_display_entries:4,
		load_first_page:true
	});
}
 
function afficherObservationsDansHTML(indexPage) {
	$("#obs-tableau-lignes").empty();
	if (typeof(indexPage) == 'undefined') {
		indexPage = 0;
	}
	var depart = indexPage * pagineur.limite;
	var obsPage = [];
	for (var index = depart; index < depart + pagineur.limite; index ++) {
		obsPage.push(obsStation[index]);
	}
	$("#tpl-obs-tableau").tmpl(obsPage).appendTo("#obs-tableau-lignes");
	mettreAJourTableauTriable();
}
 
function ajouterTableauTriable() {
	$.tablesorter.addParser({ 
		id: 'date_cel', 
		is: function(s) { 
			// 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());
		}, 
		type: 'numeric' 
	});
	$("#obs-tableau").tablesorter({ 
        headers: { 
			1: { 
            	sorter:'date_cel'
        	} 
    	}
	});
}
 
function mettreAJourTableauTriable() {
	$("#obs-tableau").trigger('update');
}
 
function afficherTexteStationId() {
	var latitude = pointClique.getLatLng().lat.toFixed(5);
	var longitude = pointClique.getLatLng().lng.toFixed(5);
	var texteStationId = pointClique.typeSite.toUpperCase() + ':'
		+ latitude + '|' + longitude + ', SOURCE:' + pointClique.source;
	$('#obs-station-id').text(texteStationId);
}

Rev 37	Rev 41
1	`var map = null,`	1	`var map = null,`
2	`optionsCoucheOSM = {`	2	`optionsCoucheOSM = {`
3	`attribution: 'Map data © <a href="http://openstreetmap.org">OpenStreetMap</a> contributors,'`	3	`attribution: 'Map data © <a href="http://openstreetmap.org">OpenStreetMap</a> contributors,'`
4	`+ ' <a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>',`	4	`+ ' <a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>',`
5	`maxZoom: 18`	5	`maxZoom: 18`
6	`},`	6	`},`
7	`optionsCoucheGoogle = {`	7	`optionsCoucheGoogle = {`
8	`attribution: 'Map data ©'+new Date().getFullYear()+' <a href="http://maps.google.com">Google</a>',`	8	`attribution: 'Map data ©'+new Date().getFullYear()+' <a href="http://maps.google.com">Google</a>',`
9	`maxZoom: 18`	9	`maxZoom: 18`
10	`},`	10	`},`
11	`coucheOSM = new L.TileLayer("http://a.tile.openstreetmap.org/{z}/{x}/{y}.png",`	11	`coucheOSM = new L.TileLayer("http://a.tile.openstreetmap.org/{z}/{x}/{y}.png",`
12	`optionsCoucheOSM),`	12	`optionsCoucheOSM),`
13	`coucheRelief = new L.TileLayer("http://c.tile3.opencyclemap.org/landscape/{z}/{x}/{y}.png",`	13	`coucheRelief = new L.TileLayer("http://c.tile3.opencyclemap.org/landscape/{z}/{x}/{y}.png",`
14	`optionsCoucheOSM),`	14	`optionsCoucheOSM),`
15	`coucheSatellite = new L.TileLayer("http://mt1.google.com/vt/lyrs=y@218131653&hl=fr&src=app&x={x}&y={y}&z={z}",`	15	`coucheSatellite = new L.TileLayer("http://mt1.google.com/vt/lyrs=y@218131653&hl=fr&src=app&x={x}&y={y}&z={z}",`
16	`optionsCoucheGoogle),`	16	`optionsCoucheGoogle),`
17	`optionsCarte = {`	17	`optionsCarte = {`
18	`center : new L.LatLng(46, 2),`	18	`center : new L.LatLng(46, 2),`
19	`zoom : 6,`	19	`zoom : 6,`
20	`minZoom : 3,`	20	`minZoom : 3,`
21	`maxBounds : [[-85.051129, -180], [85.051129, 180]],`	21	`maxBounds : [[-85.051129, -180], [85.051129, 180]],`
22	`layers : [coucheOSM]`	22	`layers : [coucheOSM]`
23	`},`	23	`},`
24	`zoom = 6,`	24	`zoom = 6,`
25	`legende = null,`	25	`legende = null,`
26	`coucheDepartement = null,`	26	`coucheDepartement = null,`
27	`infoBulle = null;`	27	`infoBulle = null;`
28		28
29	`var coucheSites = null,`	29	`var coucheSites = null,`
30	`sources = new Object(),`	30	`sources = new Object(),`
31	`typeSite = 'maille',`	31	`typeSite = 'maille',`
32	`overlays = [];`	32	`overlays = [];`
33		33
34	`var requeteChargementPoints = null,`	34	`var requeteChargementPoints = null,`
35	`timer = null,`	35	`timer = null,`
36	`ancienneRequete = null,`	36	`ancienneRequete = null,`
37	`deplacement = true,`	37	`deplacement = true,`
38	`url = '';`	38	`url = '';`
39		39
40		40
41		41
42		42
43	`$(document).ready(function() {`	43	`$(document).ready(function() {`
44	`initialiserWidget();`	44	`initialiserWidget();`
45	`});`	45	`});`
46		46
47	`$(window).resize(function() {`	47	`$(window).resize(function() {`
48	`dimensionnerCarte();`	48	`dimensionnerCarte();`
49	`});`	49	`});`
50		50
51	`function initialiserWidget() {`	51	`function initialiserWidget() {`
52	`initialiserCarte();`	52	`initialiserCarte();`
53	`chargerLimitesCommunales();`	53	`chargerLimitesCommunales();`
54	`initialiserPanneauControle();`	54	`initialiserPanneauControle();`
55	`initialiserSources();`	55	`initialiserSources();`
56	`initialiserListeners();`	56	`initialiserListeners();`
57	`chargerLocalisations();`	57	`chargerLocalisations();`
58	`}`	58	`}`
59		59
60	`function initialiserCarte() {`	60	`function initialiserCarte() {`
61	`dimensionnerCarte();`	61	`dimensionnerCarte();`
62	`map = L.map('map', optionsCarte);`	62	`map = L.map('map', optionsCarte);`
63	`coucheSatellite.addTo(map);`	63	`coucheSatellite.addTo(map);`
64	`coucheRelief.addTo(map);`	64	`coucheRelief.addTo(map);`
65	`coucheOSM.addTo(map);`	65	`coucheOSM.addTo(map);`
66	`var echelle = new L.Control.Scale({`	66	`var echelle = new L.Control.Scale({`
67	`maxWidth : 50,`	67	`maxWidth : 50,`
68	`metric : true,`	68	`metric : true,`
69	`imperial : false,`	69	`imperial : false,`
70	`updateWhenIdle : true`	70	`updateWhenIdle : true`
71	`});`	71	`});`
72	`map.addControl(echelle);`	72	`map.addControl(echelle);`
73	`zoom = map.getZoom();`	73	`zoom = map.getZoom();`
74	`}`	74	`}`
75		75
76	`function dimensionnerCarte() {`	76	`function dimensionnerCarte() {`
77	`$('#map').height($(window).height());`	77	`$('#map').height($(window).height());`
78	`$('#map').width($(window).width());`	78	`$('#map').width($(window).width());`
79	`}`	79	`}`
80		80
81	`function initialiserListeners() {`	81	`function initialiserListeners() {`
82	`map.on('moveend', surChangementVueCarte);`	82	`map.on('moveend', surChangementVueCarte);`
83	`map.on('zoomend', surChangementVueCarte);`	83	`map.on('zoomend', surChangementVueCarte);`
84	`map.on('popupclose', function(e) {`	84	`map.on('popupclose', function(e) {`
85	`masquerInfoBulle();`	85	`masquerInfoBulle();`
86	`programmerRafraichissementCarte();`	86	`programmerRafraichissementCarte();`
87	`});`	87	`});`
88	`}`	88	`}`
89		89
90	`function initialiserPanneauControle() {`	90	`function initialiserPanneauControle() {`
91	`var baseMaps = {`	91	`var baseMaps = {`
92	`"Satellite" : coucheSatellite,`	92	`"Satellite" : coucheSatellite,`
93	`"Relief" : coucheRelief,`	93	`"Relief" : coucheRelief,`
94	`"Plan" : coucheOSM`	94	`"Plan" : coucheOSM`
95	`};`	95	`};`
96		96
97	`var overlayMaps = {};`	97	`var overlayMaps = {};`
98	`for (var index = 0; index < listeSources.length; index ++) {`	98	`for (var index = 0; index < listeSources.length; index ++) {`
99	`sources[listeSources[index]] = estValeurDansTableau(source, listeSources[index]);`	99	`sources[listeSources[index]] = estValeurDansTableau(source, listeSources[index]);`
100	`overlayMaps[listeSources[index]] = new L.LayerGroup();`	100	`overlayMaps[listeSources[index]] = new L.LayerGroup();`
101	`}`	101	`}`
102	`L.control.layers(baseMaps, overlayMaps).addTo(map);`	102	`L.control.layers(baseMaps, overlayMaps).addTo(map);`
103	`coucheOSM.bringToFront();`	103	`coucheOSM.bringToFront();`
104	`map.removeLayer(coucheRelief);`	104	`map.removeLayer(coucheRelief);`
105	`map.removeLayer(coucheOSM);`	105	`map.removeLayer(coucheOSM);`
106		106
107	`// garder par defaut la couche plan google comme selectionnee dans le panel`	107	`// garder par defaut la couche plan google comme selectionnee dans le panel`
108	`var selecteursFonds = $('.leaflet-control-layers-base .leaflet-control-layers-selector');`	108	`var selecteursFonds = $('.leaflet-control-layers-base .leaflet-control-layers-selector');`
109	`selecteursFonds[0].checked = true;`	109	`selecteursFonds[0].checked = true;`
110	`selecteursFonds[1].checked = false;`	110	`selecteursFonds[1].checked = false;`
111	`selecteursFonds[2].checked = false;`	111	`selecteursFonds[2].checked = false;`
112	`}`	112	`}`
113		113
114	`function chargerLimitesCommunales() {`	114	`function chargerLimitesCommunales() {`
115	`coucheDepartement = new L.KML(null, {async : true}).addTo(map);`	115	`coucheDepartement = new L.KML(null, {async : true}).addTo(map);`
116	`if (urlsLimitesCommunales != null) {`	116	`if (urlsLimitesCommunales != null) {`
117	`coucheDepartement.addKMLFiles(urlsLimitesCommunales);`	117	`coucheDepartement.addKMLFiles(urlsLimitesCommunales);`
118	`}`	118	`}`
119	`}`	119	`}`
120		120
121	`function initialiserSources() {`	121	`function initialiserSources() {`
122	`overlays = $('.leaflet-control-layers-overlays .leaflet-control-layers-selector');`	122	`overlays = $('.leaflet-control-layers-overlays .leaflet-control-layers-selector');`
123	`$.each(overlays, function (index, input) {`	123	`$.each(overlays, function (index, input) {`
124	`input.value = listeSources[index];`	124	`input.value = listeSources[index];`
125	`input.id = 'overlay' + (index+1);`	125	`input.id = 'overlay' + (index+1);`
126	`var lien = '<a href="' + liensVersSources[index] + '" target="_blank">' + nomListeSources[index] + '</a>';`	126	`var lien = '<a href="' + liensVersSources[index] + '" target="_blank">' + nomListeSources[index] + '</a>';`
127	`$('#overlay' + (index+1) + ' ~ span').html(lien);`	127	`$('#overlay' + (index+1) + ' ~ span').html(lien);`
128	`input.checked = sources[listeSources[index]];`	128	`input.checked = sources[listeSources[index]];`
129	`input.onclick = function(event) {`	129	`input.onclick = function(event) {`
130	`changerSource(event.target.value);`	130	`changerSource(event.target.value);`
131	`}`	131	`}`
132	`});`	132	`});`
133	`}`	133	`}`
134		134
135	`function changerSource(projetClique) {`	135	`function changerSource(projetClique) {`
136	`var indexProjetClique;`	136	`var indexProjetClique;`
137	`for (var index = 0; index < overlays.length; index ++) {`	137	`for (var index = 0; index < overlays.length; index ++) {`
138	`if (overlays[index].value == projetClique) {`	138	`if (overlays[index].value == projetClique) {`
139	`indexProjetClique = index;`	139	`indexProjetClique = index;`
140	`}`	140	`}`
141	`}`	141	`}`
142	`masquerInfoBulle();`	142	`masquerInfoBulle();`
143	`sources[projetClique] = overlays[indexProjetClique].checked;`	143	`sources[projetClique] = overlays[indexProjetClique].checked;`
144	`if (sources[projetClique] == true) {`	144	`if (sources[projetClique] == true) {`
145	`programmerRafraichissementCarte(projetClique);`	145	`programmerRafraichissementCarte(projetClique);`
146	`} else {`	146	`} else {`
147	`if (requeteEnCours()) {`	147	`if (requeteEnCours()) {`
148	`stopperRequeteAjax();`	148	`stopperRequeteAjax();`
149	`}`	149	`}`
150	`supprimerFeaturesSource(projetClique);`	150	`supprimerFeaturesSource(projetClique);`
151	`}`	151	`}`
152	`}`	152	`}`
153		153
154	`function supprimerFeaturesSource(source) {`	154	`function supprimerFeaturesSource(source) {`
155	`if (coucheSites != null) {`	155	`if (coucheSites != null) {`
156	`coucheSites.eachLayer(function(layer) {`	156	`coucheSites.eachLayer(function(layer) {`
157	`if (layer.typeSite == 'maille') {`	157	`if (layer.typeSite == 'maille') {`
158	`retirerStationsEtObservations(layer, source);`	158	`retirerStationsEtObservations(layer, source);`
159	`} else {`	159	`} else {`
160	`layer.supprimerSource(source, coucheSites);`	160	`layer.supprimerSource(source, coucheSites);`
161	`if (layer._map == 'null') {`	161	`if (layer._map == 'null') {`
162	`couheSites.removeLayer(layer);`	162	`couheSites.removeLayer(layer);`
163	`}`	163	`}`
164	`}`	164	`}`
165	`});`	165	`});`
166	`if (typeSite == 'maille') {`	166	`if (typeSite == 'maille') {`
167	`var nombreMailles = calculerNombreMaillesVisibles();`	167	`var nombreMailles = calculerNombreMaillesVisibles();`
168	`if (nombreMailles == 0) {`	168	`if (nombreMailles == 0) {`
169	`coucheSites.clearLayers();`	169	`coucheSites.clearLayers();`
170	`masquerLegende();`	170	`masquerLegende();`
171	`typeSite = 'point';`	171	`typeSite = 'point';`
172	`}`	172	`}`
173	`}`	173	`}`
174	`}`	174	`}`
175	`}`	175	`}`
176		176
177	`function retirerStationsEtObservations(maille, sourceRetrait) {`	177	`function retirerStationsEtObservations(maille, sourceRetrait) {`
178	`var sources = maille.properties.source;`	178	`var sources = maille.properties.source;`
179	`var nombreStations = 0;`	179	`var nombreStations = 0;`
180	`for (var index = 0; index < sources.length; index ++) {`	180	`for (var index = 0; index < sources.length; index ++) {`
181	`var source = sources[index];`	181	`var source = sources[index];`
182	`if (source == sourceRetrait) {`	182	`if (source == sourceRetrait) {`
183	`delete maille.properties.stations[source];`	183	`delete maille.properties.stations[source];`
184	`delete maille.properties.observations[source];`	184	`delete maille.properties.observations[source];`
185	`} else if (typeof(maille.properties.stations[source]) != 'undefined') {`	185	`} else if (typeof(maille.properties.stations[source]) != 'undefined') {`
186	`nombreStations += parseInt(maille.properties.stations[source]);`	186	`nombreStations += parseInt(maille.properties.stations[source]);`
187	`}`	187	`}`
188	`}`	188	`}`
189	`if (nombreStations == 0) {`	189	`if (nombreStations == 0) {`
190	`coucheSites.removeLayer(maille);`	190	`coucheSites.removeLayer(maille);`
191	`} else {`	191	`} else {`
192	`colorerMaille(maille)`	192	`colorerMaille(maille)`
193	`genererInfobulle(maille);`	193	`genererInfobulle(maille);`
194	`}`	194	`}`
195	`}`	195	`}`
196		196
197	`function calculerNombreMaillesVisibles() {`	197	`function calculerNombreMaillesVisibles() {`
198	`var nombreMailles = 0;`	198	`var nombreMailles = 0;`
199	`coucheSites.eachLayer(function(layer) {`	199	`coucheSites.eachLayer(function(layer) {`
200	`if($(layer._path).attr('fill-opacity') != '0') {`	200	`if($(layer._path).attr('fill-opacity') != '0') {`
201	`nombreMailles ++;`	201	`nombreMailles ++;`
202	`}`	202	`}`
203	`});`	203	`});`
204	`return nombreMailles;`	204	`return nombreMailles;`
205	`}`	205	`}`
206		206
207	`function estValeurDansTableau(tableau, valeur) {`	207	`function estValeurDansTableau(tableau, valeur) {`
208	`var index;`	208	`var index;`
209	`for (index = 0; index < tableau.length && tableau[index] != valeur; index ++);`	209	`for (index = 0; index < tableau.length && tableau[index] != valeur; index ++);`
210	`return (tableau.length > 0 && index != tableau.length);`	210	`return (tableau.length > 0 && index != tableau.length);`
211	`}`	211	`}`
212		212
213	`//************************************`	213	`//************************************`
214	`// requetes stations`	214	`// requetes stations`
215		215
216	`function surChangementVueCarte() {`	216	`function surChangementVueCarte() {`
217	`programmerRafraichissementCarte();`	217	`programmerRafraichissementCarte();`
218	`}`	218	`}`
219		219
220	`function programmerRafraichissementCarte(source) {`	220	`function programmerRafraichissementCarte(source) {`
221	`$('#tooltip').css('display', 'none');`	221	`$('#tooltip').css('display', 'none');`
222	`source = (source == null \|\| source == 'null') ? null : source;`	222	`source = (source == null \|\| source == 'null') ? null : source;`
223	`if (timer != null) {`	223	`if (timer != null) {`
224	`window.clearTimeout(timer);`	224	`window.clearTimeout(timer);`
225	`}`	225	`}`
226	`if (requeteChargementPoints != null) {`	226	`if (requeteChargementPoints != null) {`
227	`stopperRequeteAjax();`	227	`stopperRequeteAjax();`
228	`}`	228	`}`
229	`var nombreSourcesVisibles = 0;`	229	`var nombreSourcesVisibles = 0;`
230	`for (var index = 0; index < overlays.length; index ++) {`	230	`for (var index = 0; index < overlays.length; index ++) {`
231	`if (overlays[index].checked) {`	231	`if (overlays[index].checked) {`
232	`nombreSourcesVisibles ++;`	232	`nombreSourcesVisibles ++;`
233	`}`	233	`}`
234	`}`	234	`}`
235	`if (source == null) {`	235	`if (source == null) {`
236	`timer = window.setTimeout("chargerLocalisations()", 100);`	236	`timer = window.setTimeout("chargerLocalisations()", 100);`
237	`} else {`	237	`} else {`
238	`timer = window.setTimeout("chargerSource('"+source+"')", 100);`	238	`timer = window.setTimeout("chargerSource('"+source+"')", 100);`
239	`}`	239	`}`
240	`}`	240	`}`
241		241
242	`function stopperRequeteAjax() {`	242	`function stopperRequeteAjax() {`
243	`requeteChargementPoints.abort();`	243	`requeteChargementPoints.abort();`
244	`requeteChargementPoints = null;`	244	`requeteChargementPoints = null;`
245	`}`	245	`}`
246		246
247	`function chargerLocalisations() {`	247	`function chargerLocalisations() {`
248	`if (requeteEnCours()) {`	248	`if (requeteEnCours()) {`
249	`requeteChargementPoints.abort();`	249	`requeteChargementPoints.abort();`
250	`}`	250	`}`
251	`afficherMessageChargement('stations');`	251	`afficherMessageChargement('stations');`
252	`if (!(ancienneRequete != null && ancienneRequete[1] == map.getZoom()`	252	`if (!(ancienneRequete != null && ancienneRequete[1] == map.getZoom()`
253	`&& map.getBounds().intersects(ancienneRequete[0]))) {`	253	`&& map.getBounds().intersects(ancienneRequete[0]))) {`
254	`supprimerFeatures();`	254	`supprimerFeatures();`
255	`deplacement = false;`	255	`deplacement = false;`
256	`}`	256	`}`
257	`var bboxRequete = calculerBboxRequete();`	257	`var bboxRequete = calculerBboxRequete();`
258	`var parametres = {`	258	`var parametres = {`
259	`"bbox" : bboxRequete,`	259	`"bbox" : bboxRequete,`
260	`"zoom" : map.getZoom(),`	260	`"zoom" : map.getZoom(),`
261	`"source" : recupererSourcesActivees(),`	261	`"source" : recupererSourcesActivees(),`
262	`"num_taxon" : numTaxon,`	262	`"num_taxon" : numTaxon,`
263	`"nn" : nn,`	263	`"nn" : nn,`
264	`"referentiel" : referentiel,`	264	`"referentiel" : referentiel,`
265	`"dept" : dept,`	265	`"dept" : dept,`
266	`"auteur" : auteur,`	266	`"auteur" : auteur,`
267	`"date_debut" : dateDebut,`	267	`"date_debut" : dateDebut,`
268	`"date_fin" : dateFin,`	268	`"date_fin" : dateFin,`
269	`"nb_jours" : nbJours`	269	`"nb_jours" : nbJours`
270	`};`	270	`};`
271	`if (deplacement == true) {`	271	`if (deplacement == true) {`
272	`parametres.format = typeSite;`	272	`parametres.format = typeSite;`
273	`}`	273	`}`
274	`ancienneRequete = [map.getBounds(), map.getZoom()];`	274	`ancienneRequete = [map.getBounds(), map.getZoom()];`
275	`url = urlBase + "stations?" + convertirEnParametresUrl(parametres);`	275	`url = urlBase + "stations?" + convertirEnParametresUrl(parametres);`
276	`fonctionCallback = traiterDonneesStations;`	276	`fonctionCallback = traiterDonneesStations;`
277	`executerAJAX();`	277	`executerAJAX();`
278	`}`	278	`}`
279		279
280	`function supprimerFeatures() {`	280	`function supprimerFeatures() {`
281	`if (coucheSites != null) {`	281	`if (coucheSites != null) {`
282	`coucheSites.clearLayers();`	282	`coucheSites.clearLayers();`
283	`coucheSites = null;`	283	`coucheSites = null;`
284	`}`	284	`}`
285	`}`	285	`}`
286		286
287	`function recupererSourcesActivees(sourceAIgnorer) {`	287	`function recupererSourcesActivees(sourceAIgnorer) {`
288	`sourceAIgnorer = typeof(sourceAIgnorer) == 'undefined' ? '' : sourceAIgnorer;`	288	`sourceAIgnorer = typeof(sourceAIgnorer) == 'undefined' ? '' : sourceAIgnorer;`
289	`var sourcesActivees = [];`	289	`var sourcesActivees = [];`
290	`for (var index = 0; index < overlays.length; index ++) {`	290	`for (var index = 0; index < overlays.length; index ++) {`
291	`if (overlays[index].checked == true && overlays[index].value != sourceAIgnorer) {`	291	`if (overlays[index].checked == true && overlays[index].value != sourceAIgnorer) {`
292	`sourcesActivees.push(overlays[index].value);`	292	`sourcesActivees.push(overlays[index].value);`
293	`}`	293	`}`
294	`}`	294	`}`
295	`return sourcesActivees.join(',');`	295	`return sourcesActivees.join(',');`
296	`}`	296	`}`
297		297
298	`function chargerSource(sourceAjout) {`	298	`function chargerSource(sourceAjout) {`
299	`if (requeteEnCours()) {`	299	`if (requeteEnCours()) {`
300	`requeteChargementPoints.abort();`	300	`requeteChargementPoints.abort();`
301	`}`	301	`}`
302	`afficherMessageChargement('stations');`	302	`afficherMessageChargement('stations');`
303	`var bboxRequete = determinerCoordonneesBordure();`	303	`var bboxRequete = determinerCoordonneesBordure();`
304	`var parametres = {`	304	`var parametres = {`
305	`"bbox" : bboxRequete,`	305	`"bbox" : bboxRequete,`
306	`"zoom" : map.getZoom(),`	306	`"zoom" : map.getZoom(),`
307	`"format" : typeSite,`	307	`"format" : typeSite,`
308	`"source" : sourceAjout,`	308	`"source" : sourceAjout,`
309	`"num_taxon" : numTaxon,`	309	`"num_taxon" : numTaxon,`
310	`"nn" : nn,`	310	`"nn" : nn,`
311	`"referentiel" : referentiel,`	311	`"referentiel" : referentiel,`
312	`"dept" : dept,`	312	`"dept" : dept,`
313	`"auteur" : auteur,`	313	`"auteur" : auteur,`
314	`"date_debut" : dateDebut,`	314	`"date_debut" : dateDebut,`
315	`"date_fin" : dateFin,`	315	`"date_fin" : dateFin,`
316	`"nb_jours" : nbJours`	316	`"nb_jours" : nbJours`
317	`};`	317	`};`
318	`ancienneRequete = [map.getBounds(), map.getZoom()];`	318	`ancienneRequete = [map.getBounds(), map.getZoom()];`
319	`url = urlBase + "stations?" + convertirEnParametresUrl(parametres);`	319	`url = urlBase + "stations?" + convertirEnParametresUrl(parametres);`
320	`fonctionCallback = traiterRetourChargementSource;`	320	`fonctionCallback = traiterRetourChargementSource;`
321	`executerAJAX();`	321	`executerAJAX();`
322	`}`	322	`}`
323		323
324	`function calculerBboxRequete() {`	324	`function calculerBboxRequete() {`
325	`var bordure = map.getBounds();`	325	`var bordure = map.getBounds();`
326	`var bboxRequete = "";`	326	`var bboxRequete = "";`
327	`if (ancienneRequete != null && ancienneRequete[1] == map.getZoom()`	327	`if (ancienneRequete != null && ancienneRequete[1] == map.getZoom()`
328	`&& bordure.intersects(ancienneRequete[0])) {`	328	`&& bordure.intersects(ancienneRequete[0])) {`
329	`bboxRequete = calculerIntersectionRectangle(ancienneRequete[0], bordure);`	329	`bboxRequete = calculerIntersectionRectangle(ancienneRequete[0], bordure);`
330	`} else {`	330	`} else {`
331	`bboxRequete = determinerCoordonneesBordure();`	331	`bboxRequete = determinerCoordonneesBordure();`
332	`}`	332	`}`
333	`return bboxRequete;`	333	`return bboxRequete;`
334	`}`	334	`}`
335		335
336	`function calculerIntersectionRectangle(rectangle1, rectangle2) {`	336	`function calculerIntersectionRectangle(rectangle1, rectangle2) {`
337	`var bbox1 = [rectangle2.getSouthWest().lng.toFixed(6), rectangle2.getSouthWest().lat.toFixed(6),`	337	`var bbox1 = [rectangle2.getSouthWest().lng.toFixed(6), rectangle2.getSouthWest().lat.toFixed(6),`
338	`rectangle2.getNorthEast().lng.toFixed(6), rectangle2.getNorthEast().lat.toFixed(6)];`	338	`rectangle2.getNorthEast().lng.toFixed(6), rectangle2.getNorthEast().lat.toFixed(6)];`
339	`var bbox2 = [rectangle2.getSouthWest().lng.toFixed(6), rectangle2.getSouthWest().lat.toFixed(6),`	339	`var bbox2 = [rectangle2.getSouthWest().lng.toFixed(6), rectangle2.getSouthWest().lat.toFixed(6),`
340	`rectangle2.getNorthEast().lng.toFixed(6), rectangle2.getNorthEast().lat.toFixed(6)];`	340	`rectangle2.getNorthEast().lng.toFixed(6), rectangle2.getNorthEast().lat.toFixed(6)];`
341		341
342	`if (rectangle2.getSouthWest().lng >= rectangle1.getSouthWest().lng`	342	`if (rectangle2.getSouthWest().lng >= rectangle1.getSouthWest().lng`
343	`&& rectangle2.getSouthWest().lng <= rectangle1.getNorthEast().lng) {`	343	`&& rectangle2.getSouthWest().lng <= rectangle1.getNorthEast().lng) {`
344	`bbox2[0] = bbox1[2] = rectangle1.getNorthEast().lng.toFixed(6);`	344	`bbox2[0] = bbox1[2] = rectangle1.getNorthEast().lng.toFixed(6);`
345	`if (rectangle2.getSouthWest().lat >= rectangle1.getSouthWest().lat`	345	`if (rectangle2.getSouthWest().lat >= rectangle1.getSouthWest().lat`
346	`&& rectangle2.getSouthWest().lat <= rectangle1.getNorthEast().lat) {`	346	`&& rectangle2.getSouthWest().lat <= rectangle1.getNorthEast().lat) {`
347	`bbox1[1] = rectangle1.getNorthEast().lat.toFixed(6);`	347	`bbox1[1] = rectangle1.getNorthEast().lat.toFixed(6);`
348	`} else {`	348	`} else {`
349	`bbox1[3] = rectangle1.getSouthWest().lat.toFixed(6);`	349	`bbox1[3] = rectangle1.getSouthWest().lat.toFixed(6);`
350	`}`	350	`}`
351	`} else {`	351	`} else {`
352	`bbox2[0] = bbox1[2] = rectangle1.getSouthWest().lng.toFixed(6);`	352	`bbox2[0] = bbox1[2] = rectangle1.getSouthWest().lng.toFixed(6);`
353	`if (rectangle2.getSouthWest().lat >= rectangle1.getSouthWest().lat`	353	`if (rectangle2.getSouthWest().lat >= rectangle1.getSouthWest().lat`
354	`&& rectangle2.getSouthWest().lat <= rectangle1.getNorthEast().lat) {`	354	`&& rectangle2.getSouthWest().lat <= rectangle1.getNorthEast().lat) {`
355	`bbox2[1] = rectangle1.getNorthEast().lat.toFixed(6);`	355	`bbox2[1] = rectangle1.getNorthEast().lat.toFixed(6);`
356	`} else {`	356	`} else {`
357	`bbox2[3] = rectangle1.getSouthWest().lat.toFixed(6);`	357	`bbox2[3] = rectangle1.getSouthWest().lat.toFixed(6);`
358	`}`	358	`}`
359	`}`	359	`}`
360	`return bbox1.join(',')+'\|'+bbox2.join(',');`	360	`return bbox1.join(',')+'\|'+bbox2.join(',');`
361	`}`	361	`}`
362		362
363	`function determinerCoordonneesBordure() {`	363	`function determinerCoordonneesBordure() {`
364	`var ouest = map.getBounds().getSouthWest().lng.toFixed(6),`	364	`var ouest = map.getBounds().getSouthWest().lng.toFixed(6),`
365	`sud = Math.max(map.getBounds().getSouthWest().lat, -85.051129).toFixed(6),`	365	`sud = Math.max(map.getBounds().getSouthWest().lat, -85.051129).toFixed(6),`
366	`est = map.getBounds().getNorthEast().lng.toFixed(6),`	366	`est = map.getBounds().getNorthEast().lng.toFixed(6),`
367	`nord = Math.min(map.getBounds().getNorthEast().lat, 85.051129).toFixed(6);`	367	`nord = Math.min(map.getBounds().getNorthEast().lat, 85.051129).toFixed(6);`
368	`// appliquer les limites possibles de la projection actuellement utilisee aux coordonnees`	368	`// appliquer les limites possibles de la projection actuellement utilisee aux coordonnees`
369	`// longitudes ouest et est de la bbox (permettra d'eviter de renvoyer des messages d'erreur)`	369	`// longitudes ouest et est de la bbox (permettra d'eviter de renvoyer des messages d'erreur)`
370	`if (ouest < -180) {`	370	`if (ouest < -180) {`
371	`ouest += 360;`	371	`ouest += 360;`
372	`} else if (ouest > 180) {`	372	`} else if (ouest > 180) {`
373	`ouest -= 360;`	373	`ouest -= 360;`
374	`}`	374	`}`
375	`if (est < -180) {`	375	`if (est < -180) {`
376	`est += 360;`	376	`est += 360;`
377	`} else if (est > 180) {`	377	`} else if (est > 180) {`
378	`est -= 360;`	378	`est -= 360;`
379	`}`	379	`}`
380	`return [ouest, sud, est, nord].join(',');`	380	`return [ouest, sud, est, nord].join(',');`
381	`}`	381	`}`
382		382
383	`function afficherMessageChargement(element) {`	383	`function afficherMessageChargement(element) {`
384	`if ($("#zone-chargement").css('display') == 'none') {`	384	`if ($("#zone-chargement").css('display') == 'none') {`
385	`var divTmplElement = 'tpl-chargement-' + element;`	385	`var divTmplElement = 'tpl-chargement-' + element;`
386	`$("#zone-chargement").append($("#" + divTmplElement).text());`	386	`$("#zone-chargement").append($("#" + divTmplElement).text());`
387	`$("#zone-chargement").css('display', 'block');`	387	`$("#zone-chargement").css('display', 'block');`
388	`}`	388	`}`
389	`}`	389	`}`
390		390
391	`function masquerMessageChargement() {`	391	`function masquerMessageChargement() {`
392	`$("#zone-chargement").css('display', 'none');`	392	`$("#zone-chargement").css('display', 'none');`
393	`$("#zone-chargement").children().remove();`	393	`$("#zone-chargement").children().remove();`
394	`}`	394	`}`
395		395
396	`function executerAJAX() {`	396	`function executerAJAX() {`
397	`if (requeteEnCours()) {`	397	`if (requeteEnCours()) {`
398	`requeteChargementPoints.abort();`	398	`requeteChargementPoints.abort();`
399	`}`	399	`}`
400	`requeteChargementPoints = $.getJSON(url).complete(function() {`	400	`requeteChargementPoints = $.getJSON(url).complete(function() {`
401	`fonctionCallback();`	401	`fonctionCallback();`
402	`});`	402	`});`
403	`}`	403	`}`
404		404
405	`function requeteEnCours() {`	405	`function requeteEnCours() {`
406	`return (requeteChargementPoints != null && requeteChargementPoints.readyState != 4);`	406	`return (requeteChargementPoints != null && requeteChargementPoints.readyState != 4);`
407	`}`	407	`}`
408		408
409	`function estStatutRequeteOK() {`	409	`function estStatutRequeteOK() {`
410	`return ((requeteChargementPoints.status == 200 \|\| requeteChargementPoints.status == 304)`	410	`return ((requeteChargementPoints.status == 200 \|\| requeteChargementPoints.status == 304)`
411	`\|\| requeteChargementPoints.status == 0);`	411	`\|\| requeteChargementPoints.status == 0);`
412	`}`	412	`}`
413		413
414	`function convertirEnParametresUrl(objet) {`	414	`function convertirEnParametresUrl(objet) {`
415	`var parametresUrl = '';`	415	`var parametresUrl = '';`
416	`for (attribut in objet) {`	416	`for (attribut in objet) {`
417	`if (typeof(objet[attribut]) == 'function' \|\| typeof(objet[attribut]) == 'undefined' \|\|`	417	`if (typeof(objet[attribut]) == 'function' \|\| typeof(objet[attribut]) == 'undefined' \|\|`
418	`objet[attribut] == null \|\| objet[attribut] == '*' \|\| objet[attribut] == 0)`	418	`objet[attribut] == null \|\| objet[attribut] == '*' \|\| objet[attribut] == 0)`
419	`continue;`	419	`continue;`
420	`parametresUrl += (parametresUrl == '' ? '' : '&') + attribut + "=" + objet[attribut];`	420	`parametresUrl += (parametresUrl == '' ? '' : '&') + attribut + "=" + objet[attribut];`
421	`}`	421	`}`
422	`return parametresUrl;`	422	`return parametresUrl;`
423	`};`	423	`};`
424		424
425	`function traiterDonneesStations() {`	425	`function traiterDonneesStations() {`
426	`masquerMessageChargement();`	426	`masquerMessageChargement();`
427	`masquerLegende();`	427	`masquerLegende();`
428	`if (deplacement == true) {`	428	`if (deplacement == true) {`
429	`supprimerFeaturesHorsBbox();`	429	`supprimerFeaturesHorsBbox();`
430	`}`	430	`}`
431	`deplacement = true;`	431	`deplacement = true;`
432	`var texte = requeteChargementPoints.responseText;`	432	`var texte = requeteChargementPoints.responseText;`
433	`if (!estStatutRequeteOK()) {`	433	`if (!estStatutRequeteOK()) {`
434	`alert(texte);`	434	`alert(texte);`
435	`} else {`	435	`} else {`
436	`var donneesJSON = eval("(function(){return " + texte + ";})()");`	436	`var donneesJSON = eval("(function(){return " + texte + ";})()");`
437	`if (donneesJSON != null && donneesJSON.features.length > 0) {`	437	`if (donneesJSON != null && donneesJSON.features.length > 0) {`
438	`ajouterStationsSurCarte(donneesJSON);`	438	`ajouterStationsSurCarte(donneesJSON);`
439	`}`	439	`}`
440	`}`	440	`}`
441	`}`	441	`}`
442		442
443	`function traiterRetourChargementSource() {`	443	`function traiterRetourChargementSource() {`
444	`masquerMessageChargement();`	444	`masquerMessageChargement();`
445	`var texte = requeteChargementPoints.responseText;`	445	`var texte = requeteChargementPoints.responseText;`
446	`if (!estStatutRequeteOK()) {`	446	`if (!estStatutRequeteOK()) {`
447	`alert(texte);`	447	`alert(texte);`
448	`} else {`	448	`} else {`
449	`var donneesJSON = eval("(function(){return " + texte + ";})()");`	449	`var donneesJSON = eval("(function(){return " + texte + ";})()");`
450	`if (donneesJSON != null && donneesJSON.features.length > 0) {`	450	`if (donneesJSON != null && donneesJSON.features.length > 0) {`
451	`var formatRetourDifferent = donneesJSON.stats.formeDonnees != typeSite;`	451	`var formatRetourDifferent = donneesJSON.stats.formeDonnees != typeSite;`
452	`ajouterStationsSurCarte(donneesJSON);`	452	`ajouterStationsSurCarte(donneesJSON);`
453	`if (formatRetourDifferent) {`	453	`if (formatRetourDifferent) {`
454	`var sourceAIgnorer = donneesJSON.stats.source[0];`	454	`var sourceAIgnorer = donneesJSON.stats.source[0];`
455	`var sourcesARecharger = recupererSourcesActivees(sourceAIgnorer);`	455	`var sourcesARecharger = recupererSourcesActivees(sourceAIgnorer);`
-		456	`if (sourcesARecharger.length > 0) {`
456	`rechargerSources(sourcesARecharger);`	457	`rechargerSources(sourcesARecharger);`
-		458	`}`
457	`}`	459	`}`
458	`}`	460	`}`
459	`}`	461	`}`
460	`}`	462	`}`
461		463
462	`function supprimerFeaturesHorsBbox() {`	464	`function supprimerFeaturesHorsBbox() {`
463	`var bordure = map.getBounds();`	465	`var bordure = map.getBounds();`
464	`var layersRestants = 0;`	466	`var layersRestants = 0;`
465	`if (coucheSites != null) {`	467	`if (coucheSites != null) {`
466	`coucheSites.eachLayer(function(layer) {`	468	`coucheSites.eachLayer(function(layer) {`
467	`if (typeof(layer._latlng) != 'undefined') {`	469	`if (typeof(layer._latlng) != 'undefined') {`
468	`if (bordure.contains(layer.getLatLng())) {`	470	`if (bordure.contains(layer.getLatLng())) {`
469	`layersRestants ++;`	471	`layersRestants ++;`
470	`} else {`	472	`} else {`
471	`coucheSites.supprimerPoint(layer);`	473	`coucheSites.supprimerPoint(layer);`
472	`}`	474	`}`
473	`} else {`	475	`} else {`
474	`if (bordure.intersects(layer.getBounds())) {`	476	`if (bordure.intersects(layer.getBounds())) {`
475	`layersRestants ++;`	477	`layersRestants ++;`
476	`} else {`	478	`} else {`
477	`coucheSites.removeLayer(layer);`	479	`coucheSites.removeLayer(layer);`
478	`}`	480	`}`
479	`}`	481	`}`
480	`});`	482	`});`
481	`}`	483	`}`
482	`if (layersRestants == 0) {`	484	`if (layersRestants == 0) {`
483	`coucheSites = null;`	485	`coucheSites = null;`
484	`}`	486	`}`
485	`}`	487	`}`
486		488
487	`function rechargerSources(sourcesARecharger) {`	489	`function rechargerSources(sourcesARecharger) {`
488	`var listeSourcesASupprimer = sourcesARecharger.split(',');`	490	`var listeSourcesASupprimer = sourcesARecharger.split(',');`
489	`for (var index = 0; index < listeSourcesASupprimer.length; index ++) {`	491	`for (var index = 0; index < listeSourcesASupprimer.length; index ++) {`
490	`supprimerFeaturesSource(listeSourcesASupprimer[index]);`	492	`supprimerFeaturesSource(listeSourcesASupprimer[index]);`
491	`}`	493	`}`
492	`chargerSource(sourcesARecharger);`	494	`chargerSource(sourcesARecharger);`
493	`}`	495	`}`
494		496
495	`function ajouterStationsSurCarte(donnees) {`	497	`function ajouterStationsSurCarte(donnees) {`
496	`typeSite = donnees.stats.formeDonnees;`	498	`typeSite = donnees.stats.formeDonnees;`
497	`if (coucheSites == null) {`	499	`if (coucheSites == null) {`
498	`coucheSites = (typeSite == 'maille') ? new L.FeatureGroup() : new L.ClusterGroup();`	500	`coucheSites = (typeSite == 'maille') ? new L.FeatureGroup() : new L.ClusterGroup();`

Subversion Repositories eFlore/Applications.moissonnage

(root)/trunk/widget/modules/carto/squelettes/scripts/carto.js – Rev 37 → 41