Subversion Repositories eFlore/Applications.cel

Rev

Rev 3006 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
1799 raphael 1
/*+--------------------------------------------------------------------------------------------------------+*/
2
// PARAMÊTRES et CONSTANTES
3
// Mettre à true pour afficher les messages de débogage
4
var DEBUG = false;
5
var pointImageUrl = 'http://chart.apis.google.com/chart?cht=mm&chs=24x32&chco=FFFFFF,008CFF,000000&ext=.png';
6
var pointsOrigine = null;
7
var boundsOrigine = null;
8
var markerClusterer = null;
9
var map = null;
10
var infoBulle = new google.maps.InfoWindow();
11
var pointClique = null;
12
var carteCentre = new google.maps.LatLng(46.4, 3.10);
13
var carteOptions = {
14
	zoom: 6,
2287 mathias 15
	mapTypeId: 'OSM',
1799 raphael 16
	mapTypeControlOptions: {
17
		mapTypeIds: ['OSM',
18
		             google.maps.MapTypeId.ROADMAP,
19
		             google.maps.MapTypeId.HYBRID,
20
		             google.maps.MapTypeId.SATELLITE,
21
		             google.maps.MapTypeId.TERRAIN]
2319 mathias 22
	},
2345 mathias 23
	scaleControl: true,
24
	center: carteCentre
1799 raphael 25
};
26
var ctaLayer = null;
27
var osmMapType = new google.maps.ImageMapType({
28
	getTileUrl: function(coord, zoom) {
2997 mathias 29
		return "https://osm.tela-botanica.org/tuiles/osmfr/" + // cache de tuiles avec nginx
1799 raphael 30
		zoom + "/" + coord.x + "/" + coord.y + ".png";
31
	},
32
	tileSize: new google.maps.Size(256, 256),
33
	isPng: true,
34
	alt: "OpenStreetMap",
35
	name: "OSM",
36
	maxZoom: 19
37
});
38
var pagineur = {'limite':50, 'start':0, 'total':0, 'stationId':null, 'format':'tableau'};
39
var station = {'commune':'', 'obsNbre':0};
40
var obsStation = new Array();
41
var obsPage = new Array();
42
var taxonsCarte = new Array();
43
/*+--------------------------------------------------------------------------------------------------------+*/
44
// INITIALISATION DU CODE
45
 
46
//Déclenchement d'actions quand JQuery et le document HTML sont OK
47
$(document).ready(function() {
48
	initialiserWidget();
49
});
50
 
51
function initialiserWidget() {
52
	afficherStats();
53
	definirTailleTitre();
54
	initialiserAffichageCarte();
55
	initialiserAffichagePanneauLateral();
56
 
57
	initialiserCarte();
58
	initialiserInfoBulle();
59
	initialiserFormulaireContact();
60
	chargerLimitesCommunales();
61
	rafraichirCarte();
62
}
63
 
64
/*+--------------------------------------------------------------------------------------------------------+*/
65
// AFFICHAGE GÉNÉRAL
66
 
67
function afficherStats() {
2520 mathias 68
	if (stations.stats.observations > 0) {
69
		// Ajout du nombre de communes où des observations ont eu lieu
70
		$('#commune-nbre').text(stations.stats.communes.formaterNombre());
71
		// Ajout du nombre d'observations
72
		$('#obs-nbre').text(stations.stats.observations.formaterNombre());
73
		// affichage du titre
74
		$('#titre-decompte').show();
75
		$('#aucune-obs').hide();
76
	} else {
77
		// masquage du titre
78
		$('#titre-decompte').hide();
79
		$('#aucune-obs').show();
80
	}
1799 raphael 81
}
82
 
83
function definirTailleTitre() {
84
	var largeurViewPort = $(window).width();
85
	var taille = null;
86
	if (largeurViewPort < 400) {
87
		taille = '0.8';
88
	} else if (largeurViewPort >= 400 && largeurViewPort < 800) {
89
		taille = '1.0';
90
	} else if (largeurViewPort >= 800) {
91
		taille = '1.6';
92
	}
93
	$("#carte-titre").css('font-size', taille+'em');
94
}
95
 
96
/*+--------------------------------------------------------------------------------------------------------+*/
97
// CARTE
98
 
99
function initialiserAffichageCarte() {
100
	$('#carte').height($(window).height() - 35);
101
	$('#carte').width($(window).width() - 24);
102
 
103
	if (nt != '*') {
104
		$('#carte').css('left', 0);
105
	}
106
}
107
 
108
function initialiserCarte() {
109
	map = new google.maps.Map(document.getElementById('carte'), carteOptions);
110
	// Ajout de la couche OSM à la carte
111
	map.mapTypes.set('OSM', osmMapType);
2319 mathias 112
 
113
	// écouteur sur changement de fond
114
	google.maps.event.addListener( map, 'maptypeid_changed', function() {
115
		// licence par défaut
3016 mathias 116
		var mention = 'Observations du réseau <a href="https://www.tela-botanica.org/site:botanique" ' +
2319 mathias 117
				'onClick="ouvrirNouvelleFenetre(this, event)">' +
118
				'Tela Botanica' +
119
			'</a> ';
120
		if (map.getMapTypeId() == 'OSM') {
121
			// ajout licence OSM
122
			mention += ' - Carte : <a href="http://www.openstreetmap.org/copyright" target="_blank">© les contributeurs d’OpenStreetMap</a>' +
123
				' - Tuiles : <a href="http://www.openstreetmap.fr" target="_blank">OsmFr</a>';
124
		}
125
		$('#origine-donnees').html(mention);
126
	});
1799 raphael 127
}
128
 
129
 
130
function chargerLimitesCommunales() {
131
	if (urlsLimitesCommunales != null) {
132
		for (urlId in urlsLimitesCommunales) {
133
			var url = urlsLimitesCommunales[urlId];
134
			ctaLayer = new google.maps.KmlLayer(url, {preserveViewport: true});
135
			ctaLayer.setMap(map);
136
		}
137
	}
138
}
139
 
140
function rafraichirCarte() {
141
	var points = [];
142
	var bounds = new google.maps.LatLngBounds();
143
	for (var i = 0; i < stations.stats.communes; ++i) {
144
		var maLatLng = new google.maps.LatLng(stations.points[i].latitude, stations.points[i].longitude);
145
		var pointImage = new google.maps.MarkerImage(pointImageUrl, new google.maps.Size(24, 32));
146
		var point = new google.maps.Marker({
147
			position: maLatLng,
148
			map: map,
149
			icon: pointImage,
150
			stationId: stations.points[i].id
151
		});
152
 
153
		bounds.extend(maLatLng);
154
 
155
		google.maps.event.addListener(point, 'click', function() {
156
			pointClique =  this;
157
			infoBulle.open(map, this);
158
 
159
			var limites = map.getBounds();
160
			var centre = limites.getCenter();
161
			var nordEst = limites.getNorthEast();
162
			var centreSudLatLng = new google.maps.LatLng(nordEst.lat(), centre.lng());
163
			map.panTo(centreSudLatLng);
164
 
165
			afficherInfoBulle();
166
			chargerObs(0, 0);
167
		});
168
 
169
		points.push(point);
170
	}
171
 
172
	if (pointsOrigine == null && boundsOrigine == null) {
173
		pointsOrigine = points;
174
		boundsOrigine = bounds;
175
	}
176
 
177
	executerMarkerClusterer(points, bounds);
178
}
179
 
180
function deplacerCartePointClique() {
181
	map.panTo(pointClique.position);
182
}
183
 
184
function executerMarkerClusterer(points, bounds) {
2345 mathias 185
	if (points.length > 0) {
186
		if (markerClusterer) {
187
			markerClusterer.clearMarkers();
188
		}
3006 mathias 189
		var options = {
190
			imagePath: 'https://raw.githubusercontent.com/googlemaps/v3-utility-library/master/markerclustererplus/images/m'
191
		};
192
		markerClusterer = new MarkerClusterer(map, points, options);
2345 mathias 193
		map.fitBounds(bounds);
1799 raphael 194
	}
195
}
196
 
197
/*+--------------------------------------------------------------------------------------------------------+*/
198
// INFO BULLE
199
 
200
function initialiserInfoBulle() {
201
	google.maps.event.addListener(infoBulle, 'domready', initialiserContenuInfoBulle);
202
	google.maps.event.addListener(infoBulle, 'closeclick', deplacerCartePointClique);
203
}
204
 
205
function afficherInfoBulle() {
206
	var obsHtml = $("#tpl-obs").html();
207
	var largeur = definirLargeurInfoBulle();
208
	obsHtml = obsHtml.replace(/\{largeur\}/, largeur);
209
	infoBulle.setContent(obsHtml);
210
}
211
 
212
function definirLargeurInfoBulle() {
213
	var largeurViewPort = $(window).width();
214
	var lageurInfoBulle = null;
215
	if (largeurViewPort < 800) {
216
		largeurInfoBulle = 400;
217
	} else if (largeurViewPort >= 800 && largeurViewPort < 1200) {
218
		largeurInfoBulle = 500;
219
	} else if (largeurViewPort >= 1200) {
220
		largeurInfoBulle = 600;
221
	}
222
	return largeurInfoBulle;
223
}
224
 
225
function afficherMessageChargement(element) {
226
	if ($('#chargement').get() == '') {
227
		$('#tpl-chargement').tmpl().appendTo(element);
228
	}
229
}
230
 
231
function supprimerMessageChargement() {
232
	$('#chargement').remove();
233
}
234
 
235
function chargerObs(depart, total) {
236
	if (depart == 0 || depart < total) {
237
		var limite = 300;
238
		if (depart == 0) {
239
			obsStation = new Array();
240
		}
241
		//console.log("Chargement de "+depart+" à "+(depart+limite));
242
		var urlObs = observationsUrl+'&start={start}&limit='+limite;
243
		urlObs = urlObs.replace(/\{stationId\}/g, pointClique.stationId);
244
		urlObs = urlObs.replace(/\{nt\}/g, nt);
245
		urlObs = urlObs.replace(/\{start\}/g, depart);
246
 
247
		$.getJSON(urlObs, function(observations){
248
			obsStation = obsStation.concat(observations.observations);
249
			if (depart == 0) {
250
				actualiserInfosStation(observations);
251
				actualiserPagineur();
252
				creerTitreInfoBulle();
253
			}
254
			//console.log("Chargement ok");
255
			chargerObs(depart+limite, station.obsNbre);
256
		});
257
	} else {
258
		if (pagineur.limite < total) {
259
			afficherPagination();
260
		} else {
261
			surClicPagePagination(0, null);
262
			selectionnerOnglet("#obs-vue-"+pagineur.format);
263
		}
264
	}
265
}
266
 
267
function actualiserInfosStation(infos) {
268
	station.commune = infos.commune;
269
	station.obsNbre = infos.total;
270
}
271
 
272
function actualiserPagineur() {
273
	pagineur.stationId = pointClique.stationId;
274
	pagineur.total = station.obsNbre;
275
	//console.log("Total pagineur: "+pagineur.total);
276
	if (pagineur.total > 4) {
277
		pagineur.format = 'tableau';
278
	} else {
279
		pagineur.format = 'liste';
280
	}
281
}
282
 
283
function afficherPagination(observations) {
284
	$(".navigation").pagination(pagineur.total, {
285
		items_per_page:pagineur.limite,
286
		callback:surClicPagePagination,
287
		next_text:'Suivant',
288
		prev_text:'Précédent',
289
		prev_show_always:false,
290
		num_edge_entries:1,
291
		num_display_entries:4,
292
		load_first_page:true
293
	});
294
}
295
 
296
function surClicPagePagination(pageIndex, paginationConteneur) {
297
	var index = pageIndex * pagineur.limite;
298
	var indexMax = index + pagineur.limite;
299
	pagineur.depart = index;
300
	obsPage = new Array();
301
    for(index; index < indexMax; index++) {
302
    	obsPage.push(obsStation[index]);
303
    }
304
 
305
    supprimerMessageChargement();
306
    mettreAJourObservations();
307
	return false;
308
}
309
 
310
function mettreAJourObservations() {
311
	$("#obs-"+pagineur.format+"-lignes").empty();
312
   	$("#obs-vue-"+pagineur.format).css('display', 'block');
313
   	$(".obs-conteneur").css('counter-reset', 'item '+pagineur.depart);
314
	$("#tpl-obs-"+pagineur.format).tmpl(obsPage).appendTo("#obs-"+pagineur.format+"-lignes");
315
 
316
	// Actualisation de Fancybox
317
	ajouterFomulaireContact("a.contact");
318
	if (pagineur.format == 'liste') {
319
		ajouterGaleriePhoto("a.cel-img");
320
	}
321
}
322
 
323
function creerTitreInfoBulle() {
324
	$("#obs-total").text(station.obsNbre);
325
	$("#obs-commune").text(station.commune);
326
}
327
 
328
function initialiserContenuInfoBulle() {
329
	afficherOnglets();
330
	afficherMessageChargement('#observations');
331
	ajouterTableauTriable("#obs-tableau");
332
	afficherTextStationId();
333
	corrigerLargeurInfoWindow();
334
}
335
 
336
function afficherOnglets() {
337
	var $tabs = $('#obs').tabs();
338
	$('#obs').bind('tabsselect', function(event, ui) {
339
		if (ui.panel.id == 'obs-vue-tableau') {
340
			surClicAffichageTableau();
341
		} else if (ui.panel.id == 'obs-vue-liste') {
342
			surClicAffichageListe();
343
		}
344
	});
345
	$tabs.tabs('select', "#obs-vue-"+pagineur.format);
346
}
347
 
348
function selectionnerOnglet(onglet) {
349
	$('#obs').tabs('select', onglet);
350
}
351
 
352
function afficherTextStationId() {
353
	$('#obs-station-id').text(pointClique.stationId);
354
}
355
 
356
function corrigerLargeurInfoWindow() {
357
	$("#info-bulle").width($("#info-bulle").width() - 17);
358
}
359
 
360
function surClicAffichageTableau(event) {
361
	//console.log('tableau');
362
	pagineur.format = 'tableau';
363
	mettreAJourObservations();
364
	mettreAJourTableauTriable("#obs-tableau");
365
}
366
 
367
function surClicAffichageListe(event) {
368
	//console.log('liste');
369
	pagineur.format = 'liste';
370
	mettreAJourObservations();
371
	ajouterGaleriePhoto("a.cel-img");
372
}
373
 
374
function ajouterTableauTriable(element) {
375
	// add parser through the tablesorter addParser method
376
	$.tablesorter.addParser({
377
		// Définition d'un id unique pour ce parsseur
378
		id: 'date_cel',
379
		is: function(s) {
380
			// doit retourner false si le parsseur n'est pas autodétecté
381
			return /^\s*\d{2}[\/-]\d{2}[\/-]\d{4}\s*$/.test(s);
382
		},
383
		format: function(date) {
384
			// Transformation date jj/mm/aaaa en aaaa/mm/jj
385
			date = date.replace(/^\s*(\d{2})[\/-](\d{2})[\/-](\d{4})\s*$/, "$3/$2/$1");
386
			// Remplace la date par un nombre de millisecondes pour trier numériquement
387
			return $.tablesorter.formatFloat(new Date(date).getTime());
388
		},
389
		// set type, either numeric or text
390
		type: 'numeric'
391
	});
392
	$(element).tablesorter({
393
        headers: {
394
			1: {
395
            	sorter:'date_cel'
396
        	}
397
    	}
398
	});
399
}
400
 
401
function mettreAJourTableauTriable(element) {
402
	$(element).trigger('update');
403
}
404
 
405
function ajouterGaleriePhoto(element) {
406
	$(element).fancybox({
407
		transitionIn:'elastic',
408
		transitionOut:'elastic',
409
		speedIn	:600,
410
		speedOut:200,
411
		overlayShow:true,
412
		titleShow:true,
413
		titlePosition:'inside',
414
		titleFormat:function (titre, currentArray, currentIndex, currentOpts) {
415
			var motif = /urn:lsid:tela-botanica[.]org:cel:img([0-9]+)$/;
416
			motif.exec(titre);
417
			var id = RegExp.$1;
418
			var info = $('#cel-info-'+id).clone().html();
419
			var tpl =
420
				'<div class="cel-legende">'+
421
				'<p class="cel-legende-vei">'+'Image n°' + (currentIndex + 1) + ' sur ' + currentArray.length +'<\/p>'+
422
				(titre && titre.length ? '<p>'+info+'<\/p>' : '' )+
423
				'<\/div>';
424
			return tpl;
425
		}
426
		}).live('click', function(e) {
427
			if (e.stopPropagation) {
428
				e.stopPropagation();
429
			}
430
			return false;
431
		});
432
}
433
 
434
function ajouterFomulaireContact(element) {
435
	$(element).fancybox({
436
		transitionIn:'elastic',
437
		transitionOut:'elastic',
438
		speedIn	:600,
439
		speedOut:200,
440
		scrolling: 'no',
441
		titleShow: false,
442
		onStart: function(selectedArray, selectedIndex, selectedOpts) {
443
			var element = selectedArray[selectedIndex];
444
 
445
			var motif = / contributeur-([0-9]+)$/;
446
			motif.exec($(element).attr('class'));
447
			var id = RegExp.$1;
448
			//console.log('Destinataire id : '+id);
449
			$("#fc_destinataire_id").attr('value', id);
450
 
451
			var motif = / obs-([0-9]+) /;
452
			motif.exec($(element).attr('class'));
453
			var id = RegExp.$1;
454
			//console.log('Obs id : '+id);
455
			chargerInfoObsPourMessage(id);
456
		},
457
		onCleanup: function() {
458
			//console.log('Avant fermeture fancybox');
459
			$("#fc_destinataire_id").attr('value', '');
460
			$("#fc_sujet").attr('value', '');
461
			$("#fc_message").text('');
462
		},
463
		onClosed: function(e) {
464
			//console.log('Fermeture fancybox');
465
			if (e.stopPropagation) {
466
				e.stopPropagation();
467
			}
468
			return false;
469
		}
470
	});
471
}
472
 
473
function chargerInfoObsPourMessage(idObs) {
474
	var nomSci = trim($(".cel-obs-"+idObs+" .nom-sci:eq(0)").text());
475
	var date = trim($(".cel-obs-"+idObs+" .date:eq(0)").text());
476
	var lieu = trim($(".cel-obs-"+idObs+" .lieu:eq(0)").text());
477
	var sujet = "Observation #"+idObs+" de "+nomSci;
478
	var message = "\n\n\n\n\n\n\n\n--\nConcerne l'observation de \""+nomSci+'" du "'+date+'" au lieu "'+lieu+'".';
479
	$("#fc_sujet").attr('value', sujet);
480
	$("#fc_message").text(message);
481
}
482
 
483
function initialiserFormulaireContact() {
484
	//console.log('Initialisation du form contact');
485
	$("#form-contact").validate({
486
		rules: {
487
			fc_sujet : "required",
488
			fc_message : "required",
489
			fc_utilisateur_courriel : {
490
				required : true,
491
				email : true}
492
		}
493
	});
494
	$("#form-contact").bind("submit", envoyerCourriel);
495
	$("#fc_annuler").bind("click", function() {$.fancybox.close();});
496
 
497
}
498
 
499
function envoyerCourriel() {
500
	//console.log('Formulaire soumis');
501
	if ($("#form-contact").valid()) {
502
		//console.log('Formulaire valide');
503
		//$.fancybox.showActivity();
504
		var destinataireId = $("#fc_destinataire_id").attr('value');
3016 mathias 505
		var urlMessage = "https://www.tela-botanica.org/service:annuaire:Utilisateur/"+destinataireId+"/message"
1799 raphael 506
		var erreurMsg = "";
507
		var donnees = new Array();
508
		$.each($(this).serializeArray(), function (index, champ) {
509
			var cle = champ.name;
510
			cle = cle.replace(/^fc_/, '');
511
 
512
			if (cle == 'sujet') {
513
				champ.value += " - Carnet en ligne - Tela Botanica";
514
			}
515
			if (cle == 'message') {
516
				champ.value += "\n--\n"+
517
					"Ce message vous est envoyé par l'intermédiaire du widget Cartographique "+
518
					"du Carnet en Ligne du réseau Tela Botanica.\n"+
3016 mathias 519
					"https://api.tela-botanica.org/widget:cel:carto";
1799 raphael 520
			}
521
 
522
			donnees[index] = {'name':cle,'value':champ.value};
523
		});
524
		$.ajax({
525
			type : "POST",
526
			cache : false,
527
			url : urlMessage,
528
			data : donnees,
529
			beforeSend : function() {
530
				$(".msg").remove();
531
			},
532
			success : function(data) {
533
				$("#fc-zone-dialogue").append('<pre class="msg info">'+data.message+'</pre>');
534
			},
535
			error : function(jqXHR, textStatus, errorThrown) {
536
				erreurMsg += "Erreur Ajax :\ntype : "+textStatus+' '+errorThrown+"\n";
537
				reponse = jQuery.parseJSON(jqXHR.responseText);
538
				if (reponse != null) {
539
					$.each(reponse, function (cle, valeur) {
540
						erreurMsg += valeur + "\n";
541
					});
542
				}
543
			},
544
			complete : function(jqXHR, textStatus) {
545
				var debugMsg = '';
546
				if (jqXHR.getResponseHeader("X-DebugJrest-Data") != '') {
547
					debugInfos = jQuery.parseJSON(jqXHR.getResponseHeader("X-DebugJrest-Data"));
548
					if (debugInfos != null) {
549
						$.each(debugInfos, function (cle, valeur) {
550
							debugMsg += valeur + "\n";
551
						});
552
					}
553
				}
554
				if (erreurMsg != '') {
555
					$("#fc-zone-dialogue").append('<p class="msg">'+
556
							'Une erreur est survenue lors de la transmission de votre message.'+'<br />'+
557
							'Vous pouvez signaler le disfonctionnement à <a href="'+
558
							'mailto:cel@tela-botanica.org'+'?'+
559
							'subject=Disfonctionnement du widget de Cartographie'+
560
							"&body="+erreurMsg+"\nDébogage :\n"+debugMsg+
561
							'">cel@tela-botanica.org</a>.'+
562
							'</p>');
563
				}
564
				if (DEBUG) {
565
					console.log('Débogage : '+debugMsg);
566
				}
567
				//console.log('Débogage : '+debugMsg);
568
				//console.log('Erreur : '+erreurMsg);
569
			}
570
		});
571
	}
572
	return false;
573
}
574
/*+--------------------------------------------------------------------------------------------------------+*/
575
// PANNEAU LATÉRAL
576
 
577
function initialiserAffichagePanneauLateral() {
578
	$('#panneau-lateral').height($(window).height() - 35);
579
 
580
	if (nt == '*') {
581
		$('#pl-ouverture').bind('click', afficherPanneauLateral);
582
		$('#pl-fermeture').bind('click', cacherPanneauLateral);
583
	}
584
	chargerTaxons(0, 0);
585
}
586
 
587
function chargerTaxons(depart, total) {
588
	if (depart == 0 || depart < total) {
589
		var limite = 7000;
590
		//console.log("Chargement des taxons de "+depart+" à "+(depart+limite));
591
		var urlTax = taxonsUrl+'&start={start}&limit='+limite;
592
		urlTax = urlTax.replace(/\{start\}/g, depart);
593
		$.getJSON(urlTax, function(infos) {
594
			taxonsCarte = taxonsCarte.concat(infos.taxons);
595
			//console.log("Nbre taxons :"+taxonsCarte.length);
596
			chargerTaxons(depart+limite, infos.total);
597
		});
598
	} else {
599
		if (nt == '*') {
600
			afficherTaxons();
601
		} else {
602
			afficherNomPlante();
603
		}
604
	}
605
}
606
 
607
function afficherTaxons() {
608
	// Ajout du nombre de plantes au titre
609
	$('.plantes-nbre').text(taxonsCarte.length.formaterNombre());
610
 
611
	$("#tpl-taxons-liste").tmpl({'taxons':taxonsCarte}).appendTo("#pl-corps");
612
	$('.taxon').live('click', filtrerParTaxon);
613
}
614
 
615
function afficherNomPlante() {
616
	if (nt != '*') {
617
		var taxon = taxonsCarte[0];
618
		$('.plante-titre').text('pour '+taxon.nom);
619
	}
620
}
621
 
622
function afficherPanneauLateral() {
623
	$('#panneau-lateral').width(300);
624
	$('#pl-contenu').css('display', 'block');
625
	$('#pl-ouverture').css('display', 'none');
626
	$('#pl-fermeture').css('display', 'block');
627
	$('#carte').css('left', '300px');
628
 
629
	google.maps.event.trigger(map, 'resize');
630
};
631
 
632
function cacherPanneauLateral() {
633
	$('#panneau-lateral').width(24);
634
	$('#pl-contenu').css('display', 'none');
635
	$('#pl-ouverture').css('display', 'block');
636
	$('#pl-fermeture').css('display', 'none');
637
	$('#carte').css('left', '24px');
638
 
639
	google.maps.event.trigger(map, 'resize');
640
};
641
 
642
function ouvrirPopUp(url, nom) {
643
	window.open(url, nom, 'scrollbars=yes,width=650,height=600,directories=no,location=no,menubar=no,status=no,toolbar=no');
644
};
645
 
646
function filtrerParTaxon() {
647
	var ntAFiltrer = $('.nt', this).text();
648
	infoBulle.close();
649
	$('#taxon-'+nt).removeClass('taxon-actif');
650
	if (nt == ntAFiltrer) {
651
		nt = '*';
652
		executerMarkerClusterer(pointsOrigine, boundsOrigine);
653
	} else {
654
		var url = stationsUrl.replace(/num_taxon=[*0-9]+/, 'num_taxon='+ntAFiltrer)+
655
			'&formatRetour=jsonP'+
656
			'&callback=?';
657
		$.getJSON(url, function (stationsFiltrees) {
658
			stations = stationsFiltrees;
659
			nt = ntAFiltrer;
660
			$('#taxon-'+nt).addClass('taxon-actif');
661
			rafraichirCarte();
662
		});
663
	}
664
};
665
 
666
/*+--------------------------------------------------------------------------------------------------------+*/
667
// FONCTIONS UTILITAIRES
668
 
669
function arreter(event) {
670
	if (event.stopPropagation) {
671
		event.stopPropagation();
672
	} else if (window.event) {
673
		window.event.cancelBubble = true;
674
	}
675
	return false;
676
}
677
 
678
/**
679
 * +-------------------------------------+
680
 * Number.prototype.formaterNombre
681
 * +-------------------------------------+
682
 * Params (facultatifs):
683
 * - Int decimales: nombre de decimales (exemple: 2)
684
 * - String signe: le signe precedent les decimales (exemple: "," ou ".")
685
 * - String separateurMilliers: comme son nom l'indique
686
 * Returns:
687
 * - String chaine formatee
688
 * @author	::mastahbenus::
689
 * @author	Jean-Pascal MILCENT <jpm@tela-botanica.org> : ajout détection auto entier/flotant
690
 * @souce	http://www.javascriptfr.com/codes/FORMATER-NOMBRE-FACON-NUMBER-FORMAT-PHP_40060.aspx
691
 */
692
Number.prototype.formaterNombre = function (decimales, signe, separateurMilliers) {
693
	var _sNombre = String(this), i, _sRetour = "", _sDecimales = "";
694
 
695
	function is_int(nbre) {
696
		nbre = nbre.replace(',', '.');
697
		return !(parseFloat(nbre)-parseInt(nbre) > 0);
698
	}
699
 
700
	if (decimales == undefined) {
701
		if (is_int(_sNombre)) {
702
			decimales = 0;
703
		} else {
704
			decimales = 2;
705
		}
706
	}
707
	if (signe == undefined) {
708
		if (is_int(_sNombre)) {
709
			signe = '';
710
		} else {
711
			signe = '.';
712
		}
713
	}
714
	if (separateurMilliers == undefined) {
715
		separateurMilliers = ' ';
716
	}
717
 
718
	function separeMilliers (sNombre) {
719
		var sRetour = "";
720
		while (sNombre.length % 3 != 0) {
721
			sNombre = "0"+sNombre;
722
		}
723
		for (i = 0; i < sNombre.length; i += 3) {
724
			if (i == sNombre.length-1) separateurMilliers = '';
725
			sRetour += sNombre.substr(i, 3) + separateurMilliers;
726
		}
727
		while (sRetour.substr(0, 1) == "0") {
728
			sRetour = sRetour.substr(1);
729
		}
730
		return sRetour.substr(0, sRetour.lastIndexOf(separateurMilliers));
731
	}
732
 
733
	if (_sNombre.indexOf('.') == -1) {
734
		for (i = 0; i < decimales; i++) {
735
			_sDecimales += "0";
736
		}
737
		_sRetour = separeMilliers(_sNombre) + signe + _sDecimales;
738
	} else {
739
		var sDecimalesTmp = (_sNombre.substr(_sNombre.indexOf('.')+1));
740
		if (sDecimalesTmp.length > decimales) {
741
			var nDecimalesManquantes = sDecimalesTmp.length - decimales;
742
			var nDiv = 1;
743
			for (i = 0; i < nDecimalesManquantes; i++) {
744
				nDiv *= 10;
745
			}
746
			_sDecimales = Math.round(Number(sDecimalesTmp) / nDiv);
747
		}
748
		_sRetour = separeMilliers(_sNombre.substr(0, _sNombre.indexOf('.')))+String(signe)+_sDecimales;
749
	}
750
	return _sRetour;
751
}
752
 
753
function debug(objet) {
754
	var msg = '';
755
	if (objet != null) {
756
		$.each(objet, function (cle, valeur) {
757
			msg += cle+":"+valeur + "\n";
758
		});
759
	} else {
760
		msg = "La variable vaut null.";
761
	}
762
	console.log(msg);
763
}
764
 
765
function trim (chaine) {
766
	return chaine.replace(/^\s+/g, '').replace(/\s+$/g, '');
767
}