Subversion Repositories Sites.obs-saisons.fr

Rev

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