Subversion Repositories Sites.obs-saisons.fr

Rev

Rev 299 | Go to most recent revision | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 299 Rev 327
Line 1... Line 1...
1
var map = null;
1
var map = null;
2
var ctaLayer = null;
2
var ctaLayer = null;
3
var tableau_marqueurs = new Array();
3
var tableau_marqueurs = new Array();
4
var infowindow = new google.maps.InfoWindow();
4
var infowindow = new google.maps.InfoWindow();
5
var infos_observations = new Array();
5
var infos_observations = new Array();
-
 
6
var nb_observations_par_espece = {};
-
 
7
var nb_observations_par_annee = {};
Line 6... Line 8...
6
 
8
 
7
var type_espece = '0';
9
var type_espece = '0';
8
var espece = '0';
10
var espece = '0';
9
var evenement = '0';
11
var evenement = '0';
Line 13... Line 15...
13
var departement = '0';
15
var departement = '0';
14
var region = '0';
16
var region = '0';
15
var valeur_slider_defaut = '0';
17
var valeur_slider_defaut = '0';
Line 16... Line 18...
16
 
18
 
17
/**
19
/**
18
 * 
20
 *
19
 */
21
 */
20
Date.prototype.getDOY = function() {
22
Date.prototype.getDOY = function() {
21
	var onejan = new Date(this.getFullYear(),0,1);
23
	var onejan = new Date(this.getFullYear(),0,1);
22
	return Math.ceil((this - onejan) / 86400000);
24
	return Math.ceil((this - onejan) / 86400000);
Line 23... Line 25...
23
} 
25
}
24
 
26
 
25
var tableau_couleurs = new Array( 
27
var tableau_couleurs = new Array(
26
		"#ff0000", "#733d00", "#f2ffbf", "#00ccff", "#2e1a33", "#00ff66", "#ffe1bf", "#ff8800",
28
		"#ff0000", "#733d00", "#f2ffbf", "#00ccff", "#2e1a33", "#00ff66", "#ffe1bf", "#ff8800",
27
		"#005266", "#be00cc", "#592d2d", "#ffcc00", "#336641", "#264599", "#80206c", "#bf7960",
29
		"#005266", "#be00cc", "#592d2d", "#ffcc00", "#336641", "#264599", "#80206c", "#bf7960",
28
		"#665c33", "#bf0000", "#80a2ff", "#ff80c4", "#806c60", "#ccff00", "#00ffcc", "#090040",
30
		"#665c33", "#bf0000", "#80a2ff", "#ff80c4", "#806c60", "#ccff00", "#00ffcc", "#090040",
Line 49... Line 51...
49
	{
51
	{
50
	    hash = hashes[i].split('=');
52
	    hash = hashes[i].split('=');
51
	    vars.push(hash[0]);
53
	    vars.push(hash[0]);
52
	    vars[hash[0]] = hash[1];
54
	    vars[hash[0]] = hash[1];
53
	}
55
	}
54
	
56
 
55
	if(vars['type_espece'] != null) {
57
	if(vars['type_espece'] != null) {
56
		type_espece = vars['type_espece'];
58
		type_espece = vars['type_espece'];
57
		$('#selecteur_liste_types_especes').val(type_espece);
59
		$('#selecteur_liste_types_especes').val(type_espece);
58
	}
60
	}
59
	
61
 
60
	if(vars['espece'] != null) {
62
	if(vars['espece'] != null) {
61
		if(type_espece != '0') {
63
		if(type_espece != '0') {
62
			modifierTableauEspeces();
64
			modifierTableauEspeces();
63
		}
65
		}
64
		espece = vars['espece'];
66
		espece = vars['espece'];
65
		$('#selecteur_especes').val(espece);
67
		$('#selecteur_especes').val(espece);
66
		
68
 
67
	}
69
	}
68
	
70
 
69
	if(vars['evenement'] != null) {
71
	if(vars['evenement'] != null) {
70
		if(espece != 0) {
72
		if(espece != 0) {
71
			modifierTableauEvenement()
73
			modifierTableauEvenement()
72
		}
74
		}
73
		evenement = vars['evenement'];
75
		evenement = vars['evenement'];
74
		$('#selecteur_evenements').val(evenement);
76
		$('#selecteur_evenements').val(evenement);
75
	}
77
	}
76
	
78
 
77
	if(vars['annee'] != null) {
79
	if(vars['annee'] != null) {
78
		annee = vars['annee'];
80
		annee = vars['annee'];
79
		$('#selecteur_liste_annees').val(annee);
81
		$('#selecteur_liste_annees').val(annee);
80
	} else {
82
	} else {
81
		date = new Date()
83
		date = new Date()
82
		annee = date.getFullYear();
84
		annee = date.getFullYear();
83
		$('#selecteur_liste_annees').val(annee);
85
		$('#selecteur_liste_annees').val(annee);
84
	}
86
	}
85
	
87
 
86
	if(vars['mois'] != null) {
88
	if(vars['mois'] != null) {
87
		mois = vars['mois'];
89
		mois = vars['mois'];
88
	} else {
90
	} else {
89
		date = new Date();
91
		date = new Date();
90
		if(annee == date.getFullYear()) {
92
		if(annee == date.getFullYear()) {
Line 96... Line 98...
96
			date.setMonth(mois);
98
			date.setMonth(mois);
97
			date.setDate(31);
99
			date.setDate(31);
98
			valeur_slider_defaut = date.getDOY();
100
			valeur_slider_defaut = date.getDOY();
99
		}
101
		}
100
	}
102
	}
101
	
103
 
102
	if(vars['departement'] != null) {
104
	if(vars['departement'] != null) {
103
		departement = vars['departement'];
105
		departement = vars['departement'];
104
		$('#selecteur_liste_departement').val(annee);
106
		$('#selecteur_liste_departement').val(annee);
105
	} else {
107
	} else {
106
		if(vars['region'] != null) {
108
		if(vars['region'] != null) {
107
			region = vars['region'];
109
			region = vars['region'];
108
			$('#selecteur_liste_region').val(annee);
110
			$('#selecteur_liste_region').val(annee);
109
		}
111
		}
110
	}
112
	}
111
	
113
 
112
	if(vars['cacher_criteres'] != null && vars['cacher_criteres'] == '1') {
114
	if(vars['cacher_criteres'] != null && vars['cacher_criteres'] == '1') {
113
		$(".cacher_widget").hide();
115
		$(".cacher_widget").hide();
114
	}
116
	}
115
}
117
}
Line 116... Line 118...
116
 
118
 
117
function obtenirCodeWidget() {
119
function obtenirCodeWidget() {
118
	
120
 
119
	var UrlBase = url_widget;
121
	var UrlBase = url_widget;
120
	UrlBase += '?';
122
	UrlBase += '?';
121
	if(type_espece != '0') UrlBase += "type_espece="+type_espece;
123
	if(type_espece != '0') UrlBase += "type_espece="+type_espece;
122
	//TODO: décider si l'on peut garder l'espece et si le cas échéant on la cache
124
	//TODO: décider si l'on peut garder l'espece et si le cas échéant on la cache
Line 125... Line 127...
125
	if(annee != '0') UrlBase += "&annee="+annee;
127
	if(annee != '0') UrlBase += "&annee="+annee;
126
	if(departement != '0') UrlBase += "&departement="+departement;
128
	if(departement != '0') UrlBase += "&departement="+departement;
127
	if(region != '0') UrlBase += "&region="+region;
129
	if(region != '0') UrlBase += "&region="+region;
128
	if(mois != '0') UrlBase += "&mois="+mois;
130
	if(mois != '0') UrlBase += "&mois="+mois;
129
	UrlBase += "&cacher_criteres=1";
131
	UrlBase += "&cacher_criteres=1";
130
	
132
 
131
	UrlBase = UrlBase.replace('?&','?');
133
	UrlBase = UrlBase.replace('?&','?');
132
	
134
 
133
	code_widget = '<iframe src="'+UrlBase+'" width="735px" height="650px"><p>Votre navigateur ne supporte pas les iframes.</p></iframe>'
135
	code_widget = '<iframe src="'+UrlBase+'" width="735px" height="650px"><p>Votre navigateur ne supporte pas les iframes.</p></iframe>'
134
	
136
 
135
	return code_widget;
137
	return code_widget;
136
}
138
}
Line -... Line 139...
-
 
139
 
-
 
140
String.prototype.hashCode = function() {
-
 
141
  var hash = 0, i, chr;
-
 
142
  if (this.length === 0) return hash;
-
 
143
  for (i = 0; i < this.length; i++) {
-
 
144
    chr   = this.charCodeAt(i);
-
 
145
    hash  = ((hash << 5) - hash) + chr;
-
 
146
    hash |= 0; // Convert to 32bit integer
-
 
147
  }
-
 
148
  return hash;
-
 
149
};
-
 
150
 
-
 
151
function renverserTableauEtHashcoderIndex(trans) {
-
 
152
    var key, tmp_ar = {};
-
 
153
 
-
 
154
    for (key in trans)
-
 
155
    {
-
 
156
        if (trans.hasOwnProperty(key))
-
 
157
        {
-
 
158
            tmp_ar[trans[key].hashCode()] = key;
-
 
159
        }
-
 
160
    }
-
 
161
 
-
 
162
    return tmp_ar;
-
 
163
}
-
 
164
 
-
 
165
function trierTableau(tableau) {
-
 
166
	if(!tableau) {
-
 
167
		return;
-
 
168
	}
-
 
169
 
-
 
170
	var tableau_trie = tableau.slice(0);
-
 
171
	tableau_trie.sort(function(a,b){
-
 
172
    return a.localeCompare(b);
-
 
173
	});
-
 
174
 
-
 
175
	return tableau_trie;
-
 
176
}
137
 
177
 
138
$('#lien_cette_recherche').ready(function() {
178
$('#lien_cette_recherche').ready(function() {
139
	$('#lien_cette_recherche').click(function() {
179
	$('#lien_cette_recherche').click(function() {
140
		window.alert(obtenirCodeWidget());
180
		window.alert(obtenirCodeWidget());
141
		return false;
181
		return false;
142
	});
182
	});
Line -... Line 183...
-
 
183
});
-
 
184
 
-
 
185
function selectionnerParametresDynamiquesParDefaut() {
-
 
186
	if($('.conteneur_selecteur_liste_annees').is(':visible')) {
-
 
187
		var annee_courante = (new Date()).getFullYear();
-
 
188
		$('#annee_numero_'+annee_courante).attr( "checked", true );
-
 
189
	}
-
 
190
	premier_chargement = false;
-
 
191
}
143
});
192
 
144
 
193
var premier_chargement = true;
145
$(document).ready(function() {
194
$(document).ready(function() {
Line 146... Line 195...
146
	traiterParametresUrl();
195
	traiterParametresUrl();
147
});
196
});
148
 
197
 
Line 149... Line 198...
149
/** 
198
/**
Line 150... Line 199...
150
************************************************************************************************
199
************************************************************************************************
151
************************************************************************************************
200
************************************************************************************************
152
 
201
 
Line 153... Line 202...
153
    Fonctions concernant les gestion des filtres sur la carte
202
    Fonctions concernant les gestion des filtres sur la carte
154
 
203
 
155
************************************************************************************************
204
************************************************************************************************
156
************************************************************************************************
205
************************************************************************************************
157
**/ 
206
**/
158
 
207
 
159
function setDateSlider() {	
208
function setDateSlider() {
160
	numeroJour = $("#slider_date").slider("value");
209
	numeroJour = $("#slider_date").slider("value");
161
	dateObs = new Date(annee,0,0);
210
	dateObs = new Date(annee,0,0);
Line 162... Line 211...
162
	dateObs.setDate(dateObs.getDate()+numeroJour);
211
	dateObs.setDate(dateObs.getDate()+numeroJour);
163
	
212
 
164
	mois = dateObs.getMonth();
213
	mois = dateObs.getMonth();
165
	jour = dateObs.getDay();
214
	jour = dateObs.getDay();
166
	afficherObservations();	
215
	afficherObservations();
167
}
216
}
168
 
217
 
169
function initialiserSliderDates() {
218
function initialiserSliderDates() {
170
		
219
 
171
	date_min = 1;
220
	date_min = 1;
172
	date_max = 365;
221
	date_max = 365;
173
	
222
 
174
	$("#slider_date").slider({
223
	$("#slider_date").slider({
175
								min: date_min,
224
								min: date_min,
176
								max: date_max,
225
								max: date_max,
177
								value: valeur_slider_defaut
226
								value: valeur_slider_defaut
178
							});
227
							});
179
	
228
 
180
	taille_criteres = Math.round($("#slider_date").width()/(liste_mois.length));
229
	taille_criteres = Math.round($("#slider_date").width()/(liste_mois.length));
181
	
230
 
182
	valeurs_slider = '<table id="table_dates"><tbody><tr>';
231
	valeurs_slider = '<table id="table_dates"><tbody><tr>';
183
	
232
 
184
	for (i in liste_mois) {
233
	for (i in liste_mois) {
185
		valeurs_slider += '<td class="conteneur_date">'+liste_mois[i]+'</td>';
234
		valeurs_slider += '<td class="conteneur_date">'+liste_mois[i]+'</td>';
186
	}
235
	}
187
	
236
 
188
	valeurs_slider += '</tr></tbody></table>';
237
	valeurs_slider += '</tr></tbody></table>';
189
	
238
 
190
	$("conteneur_date").css(".conteneur_date{ width:"+taille_criteres+"px;}");
239
	$("conteneur_date").css(".conteneur_date{ width:"+taille_criteres+"px;}");
191
	
240
 
192
	$("#valeurs_date").html(valeurs_slider);
241
	$("#valeurs_date").html(valeurs_slider);
193
		
242
 
194
	$("#slider_date").bind("slidestop", function(event, ui) {
243
	$("#slider_date").bind("slidestop", function(event, ui) {
195
		setDateSlider();
244
		setDateSlider();
196
		return true;
245
		return true;
197
	});
246
	});
Line 198... Line 247...
198
	
247
 
199
	$(window).bind("resize", resizeWindow);
248
	$(window).bind("resize", resizeWindow);
200
	function resizeWindow( e ) {
249
	function resizeWindow( e ) {
201
		taille_criteres = Math.round($("#slider_date").width()/(liste_mois.length));
250
		taille_criteres = Math.round($("#slider_date").width()/(liste_mois.length));
202
		$("#css_slider").html(".conteneur_date{ width:"+taille_criteres+"px;}");
251
		$("#css_slider").html(".conteneur_date{ width:"+taille_criteres+"px;}");
203
	}
252
	}
204
}
253
}
Line 205... Line 254...
205
 
254
 
206
function initialiserListeRegion() {
255
function initialiserListeRegion() {
207
	
256
 
208
	$('#selecteur_liste_region').change(function() {
257
	$('#selecteur_liste_region').change(function() {
209
		region = $('select#selecteur_liste_region option:selected').val();
258
		region = $('select#selecteur_liste_region option:selected').val();
210
		obtenirObservations();	
259
		obtenirObservations();
211
	});
260
	});
Line 212... Line 261...
212
}
261
}
213
 
262
 
214
function initialiserListeDepartement() {
263
function initialiserListeDepartement() {
215
	
264
 
216
	$('#selecteur_liste_departement').change(function() {
265
	$('#selecteur_liste_departement').change(function() {
217
		departement = $('select#selecteur_liste_departement option:selected').val();
266
		departement = $('select#selecteur_liste_departement option:selected').val();
218
		obtenirObservations();	
267
		obtenirObservations();
219
	});
268
	});
Line 220... Line 269...
220
}
269
}
221
 
270
 
Line 240... Line 289...
240
		$('#demarrer_slider').removeAttr('disabled');
289
		$('#demarrer_slider').removeAttr('disabled');
241
	}
290
	}
242
}
291
}
Line 243... Line 292...
243
 
292
 
244
function initialiserBoutonsSlider() {
293
function initialiserBoutonsSlider() {
245
	
294
 
246
	$('#demarrer_slider').click(function() {
295
	$('#demarrer_slider').click(function() {
247
		
296
 
248
		if($('#slider_date').slider("value") == $('#slider_date').slider("option","max")) {
297
		if($('#slider_date').slider("value") == $('#slider_date').slider("option","max")) {
249
			min_slider = $('#slider_date').slider("option","min");
298
			min_slider = $('#slider_date').slider("option","min");
250
			$('#slider_date').slider("value",min_slider);
299
			$('#slider_date').slider("value",min_slider);
251
		}
300
		}
252
		
301
 
253
		timerSlider = setInterval("incrementerValeurSlider()",150);
302
		timerSlider = setInterval("incrementerValeurSlider()",150);
254
		$('#demarrer_slider').attr('disabled', 'disabled');
303
		$('#demarrer_slider').attr('disabled', 'disabled');
255
	});
304
	});
256
	
305
 
257
	$('#arreter_slider').click(function() {
306
	$('#arreter_slider').click(function() {
258
		if(timerSlider != null) {
307
		if(timerSlider != null) {
259
			clearInterval(timerSlider);
308
			clearInterval(timerSlider);
260
			$('#demarrer_slider').removeAttr('disabled');
309
			$('#demarrer_slider').removeAttr('disabled');
261
		}
310
		}
262
	});
311
	});
263
	
312
 
Line 264... Line 313...
264
}
313
}
265
 
314
 
266
function initialiserValeursParDefaut() {
315
function initialiserValeursParDefaut() {
267
	type_espece = 2;
316
	type_espece = 0;
268
	$('select#selecteur_liste_types_especes').val("2");
317
	$('select#selecteur_liste_types_especes').val("0");
269
	modifierTableauEspeces();
318
	modifierTableauEspeces();
Line 270... Line 319...
270
	obtenirObservations();
319
	obtenirObservations();
Line 281... Line 330...
281
	initialiserListeRegion();
330
	initialiserListeRegion();
282
	initialiserListeDepartement()
331
	initialiserListeDepartement()
283
});
332
});
Line 284... Line 333...
284
 
333
 
285
 
334
 
286
/** 
335
/**
287
	************************************************************************************************
336
	************************************************************************************************
288
	************************************************************************************************
337
	************************************************************************************************
289
	
338
 
290
	    Fonctions concernant la carte permettant de pointer d'afficher l'emplacement des observation
339
	    Fonctions concernant la carte permettant de pointer d'afficher l'emplacement des observation
291
	
340
 
292
	************************************************************************************************
341
	************************************************************************************************
293
	************************************************************************************************
342
	************************************************************************************************
Line 294... Line 343...
294
**/ 
343
**/
295
function initialiserCarte() {
344
function initialiserCarte() {
296
 
345
 
297
	if($('#map_canvas').length == 0) {
346
	if($('#map_canvas').length == 0) {
298
		return;
347
		return;
299
	}
348
	}
300
	
349
 
301
	var latlng = new google.maps.LatLng(47.0504, 2.2347);
350
	var latlng = new google.maps.LatLng(47.0504, 2.2347);
302
	var myOptions = {
351
	var myOptions = {
303
		zoom: 5,
352
		zoom: 5,
304
		center:latlng,
353
		center:latlng,
305
		mapTypeId: google.maps.MapTypeId.HYBRID,
354
		mapTypeId: google.maps.MapTypeId.ROADMAP,
306
		mapTypeControlOptions: {
355
		mapTypeControlOptions: {
307
			mapTypeIds: ['OSM', 
356
			mapTypeIds: ['OSM',
308
			             google.maps.MapTypeId.ROADMAP, 
357
			             google.maps.MapTypeId.ROADMAP,
309
			             google.maps.MapTypeId.HYBRID, 
358
			             google.maps.MapTypeId.HYBRID,
310
			             google.maps.MapTypeId.SATELLITE, 
359
			             google.maps.MapTypeId.SATELLITE,
311
			             google.maps.MapTypeId.TERRAIN]
360
			             google.maps.MapTypeId.TERRAIN]
312
		}
361
		}
313
	};
362
	};
314
	
363
 
315
	var osmMapType = new google.maps.ImageMapType({
364
	var osmMapType = new google.maps.ImageMapType({
316
		getTileUrl: function(coord, zoom) {
365
		getTileUrl: function(coord, zoom) {
Line 326... Line 375...
326
 
375
 
327
	map = new google.maps.Map(document.getElementById("map_canvas"),
376
	map = new google.maps.Map(document.getElementById("map_canvas"),
328
    	myOptions);
377
    	myOptions);
329
	// Ajout de la couche OSM à la carte
378
	// Ajout de la couche OSM à la carte
330
	map.mapTypes.set('OSM', osmMapType);
379
	map.mapTypes.set('OSM', osmMapType);
331
	
380
 
332
	marker = new google.maps.Marker({
381
	marker = new google.maps.Marker({
333
	      position: latlng,
382
	      position: latlng,
334
	      title:""
383
	      title:""
335
	});
384
	});
336
	
385
 
337
	chargerLimitesCommunales();
386
	chargerLimitesCommunales();
338
	
387
 
339
	$('.lien_vers_profil').live('click', function(event) {
388
	$('.lien_vers_profil').live('click', function(event) {
340
		event.preventDefault();
389
		event.preventDefault();
341
		window.open($(this).attr('href'));
390
		window.open($(this).attr('href'));
342
		return false;
391
		return false;
343
	});
392
	});
Line 344... Line 393...
344
}
393
}
345
 
394
 
346
function chargerLimitesCommunales() {
395
function chargerLimitesCommunales() {
347
	if (urlsLimitesCommunales != null) {
396
	if (urlsLimitesCommunales != null) {
348
		for (urlId in urlsLimitesCommunales) { 
397
		for (urlId in urlsLimitesCommunales) {
349
			var url = urlsLimitesCommunales[urlId];
398
			var url = urlsLimitesCommunales[urlId];
350
			ctaLayer = new google.maps.KmlLayer(url, {preserveViewport: false});
399
			ctaLayer = new google.maps.KmlLayer(url, {preserveViewport: false});
351
			ctaLayer.setMap(map);
400
			ctaLayer.setMap(map);
352
		}
401
		}
Line -... Line 402...
-
 
402
	}
353
	}
403
}
354
}
404
 
-
 
405
var obs_xhr = null;
-
 
406
function obtenirObservations() {
-
 
407
 
-
 
408
	if(obs_xhr != null) {
-
 
409
		viderMarqueurs();
-
 
410
		console.log('annulation de la xhr');
-
 
411
		obs_xhr.abort();
355
 
412
	}
356
function obtenirObservations() {
413
 
357
		
-
 
358
	requete = '?annee='+annee;
-
 
359
	
-
 
360
	if(type_espece != '0' && espece == '0') { 
-
 
361
		requete += '&type_espece='+type_espece; 
414
	annee = getAnneeSelectionnee();
362
	}
415
	requete = '?annee='+annee;
363
	
416
 
364
	if(espece != '0') { 
417
	if(type_espece != '0') {
-
 
418
		requete += '&type_espece='+type_espece;
-
 
419
	}
-
 
420
 
-
 
421
	var espece = getEspeceSelectionnee();
-
 
422
	if(espece != '0') {
365
		requete += '&espece='+espece; 
423
		requete += '&espece='+espece;
366
	}
424
	}
367
	
425
 
368
	if(evenement != '0') { 
426
	if(evenement != '0') {
369
		requete += '&evenement='+evenement;
427
		requete += '&evenement='+evenement;
370
	}
428
	}
371
	
429
 
372
	if(departement != '0') { 
430
	if(departement != '0') {
373
		requete += '&departement='+departement;
431
		requete += '&departement='+departement;
374
	}
432
	}
375
	
433
 
376
	if(region != '0') { 
434
	if(region != '0') {
377
		requete += '&region='+region;
435
		requete += '&region='+region;
-
 
436
	}
-
 
437
 
378
	}
438
	$.get(getUrlBaseJrest()+'OdsExport/ExportObservationJson/'+requete, function(data) {
379
	
439
 
380
	$.get(getUrlBaseJrest()+'OdsExport/ExportObservationJson/'+requete, function(data) {	
440
		obs_xhr = null;
-
 
441
 
-
 
442
		infos_observations = data;
-
 
443
 
381
				
444
		nb_observations_par_espece = {};
382
		infos_observations = data;
445
		nb_observations_par_annee = {};
383
		
446
 
384
		if(tableau_marqueurs.length > 0) {
447
		if(tableau_marqueurs.length > 0) {
385
			viderMarqueurs();
448
			viderMarqueurs();
386
		}
449
		}
387
		
450
 
388
		for(i in infos_observations) {
451
		for(i in infos_observations) {
389
			creerEtAjouterMarqueur(i, infos_observations[i]);
452
			creerEtAjouterMarqueur(i, infos_observations[i]);
390
		}
453
		}
391
		
454
 
Line 392... Line 455...
392
		afficherObservations();
455
		afficherObservations();
393
	});
456
	});
394
}
457
}
395
 
458
 
396
function creerEtAjouterMarqueur(id_marqueur, infos_obs) {
459
function creerEtAjouterMarqueur(id_marqueur, infos_obs) {
397
	
460
 
398
	latlng = new google.maps.LatLng(infos_obs['latitude'],infos_obs['longitude']);
461
	latlng = new google.maps.LatLng(infos_obs['latitude'],infos_obs['longitude']);
399
	
462
 
400
	var chaine_couleur = '';
463
	var chaine_couleur = '';
401
	
464
 
402
	for(i in infos_obs.obs) {
465
	for(i in infos_obs.obs) {
403
		var observation = infos_obs.obs[i];
466
		var observation = infos_obs.obs[i];
-
 
467
 
-
 
468
		if(typeof(tableau_couleurs_en_cours[observation.id_espece]) != 'undefined') {
-
 
469
			chaine_couleur += tableau_couleurs_en_cours[observation.id_espece]+",";
-
 
470
		}
-
 
471
 
-
 
472
		if(!nb_observations_par_espece[observation.id_espece]) {
-
 
473
			nb_observations_par_espece[observation.id_espece] = 0;
-
 
474
		}
-
 
475
		nb_observations_par_espece[observation.id_espece]++;
-
 
476
 
-
 
477
		var annee_obs = observation.date.split('/')[2];
404
		
478
		if(!nb_observations_par_annee[annee_obs]) {
405
		if(typeof(tableau_couleurs_en_cours[observation.id_espece]) != 'undefined') {		
479
			nb_observations_par_annee[annee_obs] = 0;
406
			chaine_couleur += tableau_couleurs_en_cours[observation.id_espece]+",";
480
		}
407
		}
481
		nb_observations_par_annee[annee_obs]++;
408
	}
482
	}
409
	
483
 
410
	chaine_couleur = chaine_couleur.slice(0,chaine_couleur.length - 1);
484
	chaine_couleur = chaine_couleur.slice(0,chaine_couleur.length - 1);
411
    var image = obtenirImagePourChaineCouleur(chaine_couleur);
485
  var image = obtenirImagePourChaineCouleur(chaine_couleur);
412
     
486
 
413
 	tableau_marqueurs[id_marqueur] = new google.maps.Marker({
487
 	tableau_marqueurs[id_marqueur] = new google.maps.Marker({
Line 421... Line 495...
421
		contenu_fenetre = formaterContenuFenetre(infos_obs.obs);
495
		contenu_fenetre = formaterContenuFenetre(infos_obs.obs);
422
		infowindow.close();
496
		infowindow.close();
423
		infowindow.setContent(contenu_fenetre);
497
		infowindow.setContent(contenu_fenetre);
424
		infowindow.open(map,this);
498
		infowindow.open(map,this);
425
	});
499
	});
426
	
500
 
427
	tableau_marqueurs[id_marqueur].setDraggable(false);
501
	tableau_marqueurs[id_marqueur].setDraggable(false);
428
	tableau_marqueurs[id_marqueur].setClickable(true);
502
	tableau_marqueurs[id_marqueur].setClickable(true);
429
		
503
 
430
	tableau_marqueurs[id_marqueur].setMap(map); 
504
	tableau_marqueurs[id_marqueur].setMap(map);
Line 431... Line 505...
431
 
505
 
Line 432... Line 506...
432
}
506
}
433
 
507
 
434
function viderMarqueurs() {
508
function viderMarqueurs() {
435
	
509
 
436
	infowindow.close();
510
	infowindow.close();
437
	for(i in tableau_marqueurs) {
511
	for(i in tableau_marqueurs) {
438
		tableau_marqueurs[i].setMap(null);
512
		tableau_marqueurs[i].setMap(null);
439
	}
513
	}
440
	
514
 
Line 441... Line 515...
441
	tableau_marqueurs = new Array();
515
	tableau_marqueurs = new Array();
442
}
516
}
443
 
517
 
444
 
518
 
445
function obtenirImagePourChaineCouleur(chaine_couleur) {
519
function obtenirImagePourChaineCouleur(chaine_couleur) {
446
					
520
 
447
	chaine_couleur = encodeURIComponent(chaine_couleur);
521
	chaine_couleur = encodeURIComponent(chaine_couleur);
Line 448... Line 522...
448
	var image = getUrlBaseJrest()+"OdsMarqueur/point?couleurs="+chaine_couleur;
522
	var image = getUrlBaseJrest()+"OdsMarqueur/point?couleurs="+chaine_couleur;
449
    
523
 
450
    return image;
524
    return image;
451
}
525
}
452
 
526
 
453
function convertirDateObsVersJs(chaine_date) {
527
function convertirDateObsVersJs(chaine_date) {
454
	
528
 
455
	tableau_date = chaine_date.split('/');
529
	tableau_date = chaine_date.split('/');
456
	date_obs = new Date();
530
	date_obs = new Date();
457
	
531
 
458
	date_obs.setDate(tableau_date[0]);
532
	date_obs.setDate(tableau_date[0]);
Line 459... Line 533...
459
	date_obs.setMonth(tableau_date[1]);
533
	date_obs.setMonth(tableau_date[1]);
460
	date_obs.setFullYear(tableau_date[2]);
534
	date_obs.setFullYear(tableau_date[2]);
461
	
535
 
462
	return date_obs;
536
	return date_obs;
463
}
537
}
464
 
538
 
465
function dateEstDansIntervalle(t_obs) {
539
function dateEstDansIntervalle(t_obs) {
466
	
540
 
467
	date_obs = convertirDateObsVersJs(t_obs);
541
	date_obs = convertirDateObsVersJs(t_obs);
468
	
542
 
469
	dans_intervalle = false;
543
	dans_intervalle = false;
470
	
544
 
471
	var dateDebutAnnee = new Date();
545
	var dateDebutAnnee = new Date();
472
	dateDebutAnnee.setDate(1);
546
	dateDebutAnnee.setDate(1);
473
	dateDebutAnnee.setMonth(1);
547
	dateDebutAnnee.setMonth(1);
474
	dateDebutAnnee.setFullYear(date_obs.getFullYear());
548
	dateDebutAnnee.setFullYear(date_obs.getFullYear());
475
	var quantieme = (date_obs.getTime() - dateDebutAnnee.getTime()) / (24 * 3600 * 1000)+1;
549
	var quantieme = (date_obs.getTime() - dateDebutAnnee.getTime()) / (24 * 3600 * 1000)+1;
476
	
550
 
477
	if($('#slider_date').slider("value") >= quantieme) {
551
	if($('#slider_date').slider("value") >= quantieme) {
478
		dans_intervalle = true;
552
		dans_intervalle = true;
479
	}
553
	}
480
		
554
 
481
	return dans_intervalle;
555
	return dans_intervalle;
Line 482... Line 556...
482
}
556
}
483
	
557
 
484
function comparerDates(date_1, date_2){
558
function comparerDates(date_1, date_2){
Line 485... Line 559...
485
	diff = date_1.getTime()-date_2.getTime();
559
	diff = date_1.getTime()-date_2.getTime();
486
	return (diff==0?diff:diff/Math.abs(diff));
560
	return (diff==0?diff:diff/Math.abs(diff));
Line 487... Line 561...
487
}
561
}
488
 
562
 
489
function obtenirMarqueurPourStade(stade) {
563
function obtenirMarqueurPourStade(stade) {
490
		
564
 
491
	iconeStade = '../images/marqueur_'+stade+'.png';
565
	iconeStade = '../images/marqueur_'+stade+'.png';
492
 
566
 
493
	return iconeStade;
567
	return iconeStade;
494
}
568
}
495
 
569
 
496
function formaterContenuFenetre(infos_obs) {
570
function formaterContenuFenetre(infos_obs) {
497
	
571
 
498
	contenu_fenetre = '';
572
	contenu_fenetre = '';
499
	date_courante = new Date(annee,mois,jour);
573
	date_courante = new Date(annee,mois,jour);
500
	
574
 
501
	for(i in infos_obs) {
575
	for(i in infos_obs) {
502
		
576
 
503
		t_obs = infos_obs[i].date;
577
		t_obs = infos_obs[i].date;
504
		
578
 
505
		if(dateEstDansIntervalle(t_obs)) {
579
		if(dateEstDansIntervalle(t_obs)) {
506
			nom_stade ='';
580
			nom_stade ='';
507
			if(infos_obs[i].code_bbch != '') {
581
			if(infos_obs[i].code_bbch != '') {
508
				nom_stade = ' stade '+infos_obs[i].code_bbch;
582
				nom_stade = ' stade '+infos_obs[i].code_bbch;
509
			}
583
			}
510
			
584
 
511
			contenu_fenetre += '<div class="fenetre_infos">';
585
			contenu_fenetre += '<div class="fenetre_infos">';
512
			contenu_fenetre += '<div class="nom_sci">'+infos_obs[i].nom_scientifique+'</div>';
586
			contenu_fenetre += '<div class="nom_sci">'+infos_obs[i].nom_scientifique+'</div>';
Line 513... Line 587...
513
			contenu_fenetre += '<div class="nom_sci">'+infos_obs[i].evenenement+nom_stade+'</div>';
587
			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>';
588
			contenu_fenetre += '<div class="date_obs"> Observ&eacute; le : '+infos_obs[i].date+' </div>';
515
			contenu_fenetre += construireUrlProfilParticipant(infos_obs[i].participant);
589
			contenu_fenetre += construireUrlProfilParticipant(infos_obs[i].participant);
516
			contenu_fenetre += '</div><br />';
590
			contenu_fenetre += '</div><br />';
Line 517... Line 591...
517
		}
591
		}
518
	}
592
	}
519
	
-
 
520
	return contenu_fenetre;
593
 
-
 
594
	return contenu_fenetre;