Subversion Repositories Sites.obs-saisons.fr

Rev

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

Rev Author Line No. Line
240 aurelien 1
var map = null;
2
var tableau_marqueurs = new Array();
3
var infowindow = new google.maps.InfoWindow();
4
var infos_observations = new Array();
5
 
6
var type_espece = '0';
7
var espece = '0';
8
var evenement = '0';
9
var annee = '0';
10
var mois = '0';
11
var jour = '0';
12
var departement = '0';
264 gduche 13
var region = '0';
240 aurelien 14
 
15
var tableau_couleurs = new Array("#A9582B", "#8DC7B8","#ED9355","#A7BD5B",
16
		"#FFC730","#0000FF","#CC4369","#9CA6A2",
17
		"#F7E4A2","#DC574E","#3F6CA9","#DC6C4B",
18
		"#E8A794","#9B5F95","#E78EDE","#45808A",
19
		"#168F47","#C9A838","#F2EAD8","#1A5561",
20
		"#6D883A");
21
 
22
liste_mois = new Array("jan","fev","mar","avr","mai","jun","jui","aou","sep","oct","nov","dec");
23
 
24
evenements_debut_annee = new Array("")
25
 
26
var tableau_couleurs_en_cours = new Array();
27
 
28
var timerSlider = null;
29
 
30
function getUrlBaseJrest() {
31
	return urlBaseJrest;
32
}
33
 
34
function traiterParametresUrl() {
35
 
36
	var vars = [], hash;
37
	var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
38
	for(var i = 0; i < hashes.length; i++)
39
	{
40
	    hash = hashes[i].split('=');
41
	    vars.push(hash[0]);
42
	    vars[hash[0]] = hash[1];
43
	}
44
 
45
	if(vars['type_espece'] != null) {
46
		type_espece = vars['type_espece'];
47
		$('#selecteur_liste_types_especes').val(type_espece);
48
	}
49
 
50
	if(vars['espece'] != null) {
51
		if(type_espece != '0') {
52
			modifierTableauEspeces();
53
		}
54
		espece = vars['espece'];
55
		$('#selecteur_especes').val(espece);
56
 
57
	}
58
 
59
	if(vars['evenement'] != null) {
60
		if(espece != 0) {
61
			modifierTableauEvenement()
62
		}
63
		evenement = vars['evenement'];
64
		$('#selecteur_evenements').val(evenement);
65
	}
66
 
67
	if(vars['annee'] != null) {
68
		annee = vars['annee'];
69
		$('#selecteur_liste_annees').val(annee);
70
	} else {
71
		date = new Date()
72
		annee = date.getFullYear();
73
		$('#selecteur_liste_annees').val(annee);
74
	}
75
 
76
	if(vars['mois'] != null) {
77
		mois = vars['mois'];
78
	} else {
79
		date = new Date()
80
	}
81
 
82
	if(vars['departement'] != null) {
83
		departement = vars['departement'];
267 gduche 84
	} else {
85
		if(vars['region'] != null) {
86
			region = vars['region'];
87
		}
240 aurelien 88
	}
89
 
90
	if(vars['cacher_criteres'] != null && vars['cacher_criteres'] == '1') {
91
		$(".criteres").hide();
92
	}
93
}
94
 
95
function obtenirCodeWidget() {
96
 
97
	var UrlBase = window.location;
98
	UrlBase += '?';
99
	if(type_espece != '0') UrlBase += "type_espece="+type_espece;
100
	if(espece != '0') UrlBase += "&espece="+espece;
101
	if(evenement != '0') UrlBase += "&evenement="+evenement;
102
	if(annee != '0') UrlBase += "&annee="+annee;
103
	if(mois != '0') UrlBase += "&mois="+mois;
104
	UrlBase += "&cacher_criteres=1";
105
 
106
	code_widget = '<iframe src="'+UrlBase+'" width="375px" height="470px"><p>Votre navigateur ne supporte pas les iframes.</p></iframe>'
107
 
108
	return code_widget;
109
}
110
 
111
$('#lien_cette_recherche').ready(function() {
112
	$('#lien_cette_recherche').click(function() {
113
		window.alert(obtenirCodeWidget());
114
		return false;
115
	});
116
});
117
 
118
$(document).ready(function() {
119
	traiterParametresUrl();
120
});
121
 
122
/**
123
************************************************************************************************
124
************************************************************************************************
125
 
126
    Fonctions concernant les gestion des filtres sur la carte
127
 
128
************************************************************************************************
129
************************************************************************************************
130
**/
131
 
132
function setDateSlider() {
133
	numeroJour = $("#slider_date").slider("value");
134
	dateObs = new Date(annee,0,0);
135
	dateObs.setDate(dateObs.getDate()+numeroJour);
136
 
137
	mois = dateObs.getMonth();
138
	jour = dateObs.getDay();
139
	afficherObservations();
140
}
141
 
142
function InitialiserIntervalleDateSlider() {
143
 
144
}
145
 
146
/*function est une anneeBissextile(
147
		return eval(an%4)==0 && !(eval(an%100)== 0 && eval(an%400)==0));
148
}*/
149
 
150
function initialiserSliderDates() {
151
 
152
	date_min = 1;
153
	date_max = 365;
154
 
155
	$("#slider_date").slider({
156
								min: date_min,
157
								max: date_max,
158
								value: mois
159
							});
160
 
161
	taille_criteres = Math.round($("#slider_date").width()/(liste_mois.length));
162
 
163
	valeurs_slider = '<table id="table_dates"><tbody><tr>';
164
 
165
	for (i in liste_mois) {
166
		valeurs_slider += '<td class="conteneur_date">'+liste_mois[i]+'</td>';
167
	}
168
 
169
	valeurs_slider += '</tr></tbody></table>';
170
 
171
	$("conteneur_date").css(".conteneur_date{ width:"+taille_criteres+"px;}");
172
 
173
	$("#valeurs_date").html(valeurs_slider);
174
 
175
	$("#slider_date").bind("slidestop", function(event, ui) {
176
		setDateSlider();
177
		return true;
178
	});
179
 
180
	$(window).bind("resize", resizeWindow);
181
	function resizeWindow( e ) {
182
		taille_criteres = Math.round($("#slider_date").width()/(liste_mois.length));
183
		$("#css_slider").html(".conteneur_date{ width:"+taille_criteres+"px;}");
184
	}
185
}
186
 
264 gduche 187
function initialiserListeRegion() {
188
 
189
	$('#selecteur_liste_region').change(function() {
190
		region = $('select#selecteur_liste_region option:selected').val();
191
		obtenirObservations();
192
	});
193
}
194
 
195
function initialiserListeDepartement() {
196
 
197
	$('#selecteur_liste_departement').change(function() {
198
		departement = $('select#selecteur_liste_departement option:selected').val();
199
		obtenirObservations();
200
	});
201
}
202
 
203
 
204
 
205
 
240 aurelien 206
function initialiserListeTypesEspeces() {
207
 
208
	$('#selecteur_liste_types_especes').change(function() {
209
		type_espece = $('select#selecteur_liste_types_especes option:selected').val();
210
		modifierTableauEspeces();
211
		obtenirObservations();
212
	});
213
}
214
 
215
function incrementerValeurSlider() {
216
	var valeur_en_cours = $('#slider_date').slider("value");
217
	if($('#slider_date').slider("value") < $('#slider_date').slider("option", "max")) {
218
		valeur_en_cours++;
219
		$('#slider_date').slider("value",valeur_en_cours);
220
		setDateSlider();
221
	} else {
222
		clearInterval(timerSlider);
223
		$('#demarrer_slider').removeAttr('disabled');
224
	}
225
}
226
 
227
function initialiserBoutonsSlider() {
228
 
229
	$('#demarrer_slider').click(function() {
230
 
231
		if($('#slider_date').slider("value") == $('#slider_date').slider("option","max")) {
232
			min_slider = $('#slider_date').slider("option","min");
233
			$('#slider_date').slider("value",min_slider);
234
		}
235
 
236
		timerSlider = setInterval("incrementerValeurSlider()",150);
237
		$('#demarrer_slider').attr('disabled', 'disabled');
238
	});
239
 
240
	$('#arreter_slider').click(function() {
241
		if(timerSlider != null) {
242
			clearInterval(timerSlider);
243
			$('#demarrer_slider').removeAttr('disabled');
244
		}
245
	});
246
 
247
}
248
 
249
function initialiserValeursParDefaut() {
250
	id_type_espece = $('select#selecteur_liste_types_especes').val("2");
251
	modifierTableauEspeces();
252
	obtenirObservations();
253
}
254
 
255
$('#slider_date').ready(function() {
256
	initialiserSliderDates();
257
	initialiserBoutonsSlider();
258
	initialiserListeTypesEspeces();
259
	initialiserListeEspeces();
260
	initialiserListeEvenements();
261
	initialiserListeAnnees();
262
	initialiserValeursParDefaut();
264 gduche 263
	initialiserListeRegion();
264
	initialiserListeDepartement()
240 aurelien 265
});
266
 
267
 
268
/**
269
	************************************************************************************************
270
	************************************************************************************************
271
 
272
	    Fonctions concernant la carte permettant de pointer d'afficher l'emplacement des observation
273
 
274
	************************************************************************************************
275
	************************************************************************************************
276
**/
277
 
278
function initialiserCarte() {
279
 
280
	if($('#map_canvas').length == 0) {
281
		return;
282
	}
283
 
284
	var latlng = new google.maps.LatLng(47.0504, 2.2347);
285
	var myOptions = {
286
		zoom: 5,
287
		center: latlng,
288
		mapTypeId: google.maps.MapTypeId.HYBRID
289
	};
290
 
291
	map = new google.maps.Map(document.getElementById("map_canvas"),
292
    	myOptions);
293
 
294
	marker = new google.maps.Marker({
295
	      position: latlng,
296
	      title:""
297
	});
298
 
299
	$('.lien_vers_profil').live('click', function(event) {
300
		event.preventDefault();
301
		window.open($(this).attr('href'));
302
		return false;
303
	});
304
}
305
 
306
function obtenirObservations() {
307
 
308
	requete = '?annee='+annee;
309
 
310
	if(type_espece != '0' && espece == '0') {
311
		requete += '&type_espece='+type_espece;
312
	}
313
 
314
	if(espece != '0') {
315
		requete += '&espece='+espece;
316
	}
317
 
318
	if(evenement != '0') {
319
		requete += '&evenement='+evenement;
320
	}
321
 
322
	if(departement != '0') {
323
		requete += '&departement='+departement;
324
	}
325
 
264 gduche 326
	if(region != '0') {
327
		requete += '&region='+region;
328
	}
329
 
240 aurelien 330
	$.get(getUrlBaseJrest()+'OdsExport/ExportObservationJson/'+requete, function(data) {
331
 
262 gduche 332
		infos_observations = data;
240 aurelien 333
 
334
		if(tableau_marqueurs.length > 0) {
335
			viderMarqueurs();
336
		}
337
 
338
		for(i in infos_observations) {
339
			creerEtAjouterMarqueur(i, infos_observations[i]);
340
		}
341
 
342
		afficherObservations();
343
	});
344
}
345
 
346
function creerEtAjouterMarqueur(id_marqueur, infos_obs) {
347
 
348
	latlng = new google.maps.LatLng(infos_obs['latitude'],infos_obs['longitude']);
349
 
350
	var chaine_couleur = '';
351
 
352
	for(i in infos_obs.obs) {
353
		var observation = infos_obs.obs[i];
354
 
355
		if(typeof(tableau_couleurs_en_cours[observation.id_espece]) != 'undefined') {
356
			chaine_couleur += tableau_couleurs_en_cours[observation.id_espece]+",";
357
		}
358
	}
359
 
360
	chaine_couleur = chaine_couleur.slice(0,chaine_couleur.length - 1);
361
    var image = obtenirImagePourChaineCouleur(chaine_couleur);
362
 
363
 	tableau_marqueurs[id_marqueur] = new google.maps.Marker({
364
	      position: latlng,
365
	      title:infos_obs.evenenement,
366
	      icon:image,
367
	      optimized: false
368
	});
369
 
370
	google.maps.event.addListener(tableau_marqueurs[id_marqueur], 'click', function() {
371
 
372
		contenu_fenetre = formaterContenuFenetre(infos_obs.obs);
373
		infowindow.close();
374
		infowindow.content = contenu_fenetre;
375
		infowindow.open(map,this);
376
	});
377
 
378
	tableau_marqueurs[id_marqueur].setDraggable(false);
379
	tableau_marqueurs[id_marqueur].setClickable(true);
380
 
381
	tableau_marqueurs[id_marqueur].setMap(map);
382
 
383
}
384
 
385
function viderMarqueurs() {
386
 
387
	infowindow.close();
388
	for(i in tableau_marqueurs) {
389
		tableau_marqueurs[i].setMap(null);
390
	}
391
 
392
	tableau_marqueurs = new Array();
393
}
394
 
395
 
396
function obtenirImagePourChaineCouleur(chaine_couleur) {
397
 
398
	chaine_couleur = encodeURIComponent(chaine_couleur);
399
	var image = getUrlBaseJrest()+"OdsMarqueur/point?couleurs="+chaine_couleur;
400
 
401
    return image;
402
}
403
 
404
function convertirDateObsVersJs(chaine_date) {
405
 
406
	tableau_date = chaine_date.split('/');
407
	date_obs = new Date();
408
 
409
	date_obs.setDate(tableau_date[0]);
410
	date_obs.setMonth(tableau_date[1]);
411
	date_obs.setFullYear(tableau_date[2]);
412
 
413
	return date_obs;
414
}
415
 
416
function dateEstDansIntervalle(t_obs) {
417
 
418
	date_obs = convertirDateObsVersJs(t_obs);
419
 
420
	dans_intervalle = false;
421
 
422
	var dateDebutAnnee = new Date();
423
	dateDebutAnnee.setDate(1);
424
	dateDebutAnnee.setMonth(1);
425
	dateDebutAnnee.setFullYear(date_obs.getFullYear());
426
	var quantieme = (date_obs.getTime() - dateDebutAnnee.getTime()) / (24 * 3600 * 1000)+1;
427
 
428
	if($('#slider_date').slider("value") >= quantieme) {
429
		dans_intervalle = true;
430
	}
431
 
432
	return dans_intervalle;
433
}
434
 
435
function comparerDates(date_1, date_2){
436
	diff = date_1.getTime()-date_2.getTime();
437
	return (diff==0?diff:diff/Math.abs(diff));
438
}
439
 
440
function obtenirMarqueurPourStade(stade) {
441
 
442
	iconeStade = '../images/marqueur_'+stade+'.png';
443
 
444
	return iconeStade;
445
}
446
 
447
function formaterContenuFenetre(infos_obs) {
448
 
449
	contenu_fenetre = '';
450
	date_courante = new Date(annee,mois,jour);
451
 
452
	for(i in infos_obs) {
453
 
454
		t_obs = infos_obs[i].date;
455
 
456
		if(dateEstDansIntervalle(t_obs)) {
457
			nom_stade ='';
458
			if(infos_obs[i].code_bbch != '') {
459
				nom_stade = ' stade '+infos_obs[i].code_bbch;
460
			}
461
 
462
			contenu_fenetre += '<div class="fenetre_infos">';
463
			contenu_fenetre += '<div class="nom_sci">'+infos_obs[i].nom_scientifique+'</div>';
464
			contenu_fenetre += '<div class="nom_sci">'+infos_obs[i].evenenement+nom_stade+'</div>';
465
			contenu_fenetre += '<div class="date_obs"> Observ&eacute; le : '+infos_obs[i].date+' </div>';
466
			contenu_fenetre += construireUrlProfilParticipant(infos_obs[i].participant);
467
			contenu_fenetre += '</div><br />';
468
		}
469
	}
470
 
471
	return contenu_fenetre;
472
}
473
 
474
function construireUrlProfilParticipant(id) {
475
	return '<a class="lien_vers_profil" href="http://obs-saisons.fr/user/'+id+'"> Voir l\'auteur </a>';
476
}
477
 
478
 
479
$('#map_canvas').ready(function() {
480
	initialiserCarte();
481
});