Subversion Repositories Sites.obs-saisons.fr

Rev

Rev 303 | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 303 Rev 328
Line 19... Line 19...
19
 
19
 
20
	var latlng = new google.maps.LatLng(47.0504, 2.2347);
20
	var latlng = new google.maps.LatLng(47.0504, 2.2347);
21
	var myOptions = {
21
	var myOptions = {
22
		zoom: 5,
22
		zoom: 5,
23
		center: latlng,
23
		center: latlng,
24
		mapTypeId: google.maps.MapTypeId.HYBRID
24
		mapTypeId: google.maps.MapTypeId.ROADMAP
Line 25... Line 25...
25
	};
25
	};
26
 
26
 
27
	map = new google.maps.Map(document.getElementById("map_canvas"),
27
	map = new google.maps.Map(document.getElementById("map_canvas"),
28
    	myOptions);
28
    	myOptions);
29
	
29
 
30
	$('.lien_vers_profil').live('click', function(event) {
30
	$('.lien_vers_profil').live('click', function(event) {
31
		event.preventDefault();
31
		event.preventDefault();
32
		window.open($(this).attr('href'));
32
		window.open($(this).attr('href'));
33
		return false;
33
		return false;
34
	});
34
	});
35
	
35
 
Line 36... Line 36...
36
	obtenirStations();
36
	obtenirStations();
37
}
37
}
38
 
38
 
39
function obtenirStations() {
39
function obtenirStations() {
40
	
40
 
41
	$.get(getUrlBaseJrest()+'OdsExport/ExportStationJson/', function(data) {	
41
	$.get(getUrlBaseJrest()+'OdsExport/ExportStationJson/', function(data) {
42
				
42
 
43
		var infos_stations = data.stations;
43
		var infos_stations = data.stations;
44
		var stats = data.stats;
44
		var stats = data.stats;
45
				
45
 
46
		for(i in infos_stations) {
46
		for(i in infos_stations) {
47
			creerEtAjouterMarqueur(i, infos_stations[i]);
47
			creerEtAjouterMarqueur(i, infos_stations[i]);
48
		}
48
		}
Line 49... Line 49...
49
		genererLegende(stats);
49
		genererLegende(stats);
50
	});
50
	});
51
}
51
}
52
 
52
 
53
function obtenirImagePourChaineCouleur(chaine_couleur) {
53
function obtenirImagePourChaineCouleur(chaine_couleur) {
54
	
54
 
55
	chaine_couleur = encodeURIComponent(chaine_couleur);
55
	chaine_couleur = encodeURIComponent(chaine_couleur);
Line 56... Line 56...
56
	var image = getUrlBaseJrest()+"OdsMarqueur/point?couleurs="+chaine_couleur;
56
	var image = getUrlBaseJrest()+"OdsMarqueur/point?couleurs="+chaine_couleur;
57
    
57
 
58
    return image;
58
    return image;
59
}
59
}
60
 
60
 
61
function genererLegende(stats) {	
61
function genererLegende(stats) {
62
	chaine_legende = '<div class="critere" id="legende">';	
62
	chaine_legende = '<div class="critere" id="legende">';
Line 74... Line 74...
74
			$('#conteneur_nb_stations').text(stats[i]+' stations au total');
74
			$('#conteneur_nb_stations').text(stats[i]+' stations au total');
75
		}
75
		}
76
	}
76
	}
77
	chaine_legende += '</div>';
77
	chaine_legende += '</div>';
78
	$("#conteneur_legende").html(chaine_legende);
78
	$("#conteneur_legende").html(chaine_legende);
79
	
79
 
80
	$('.selecteur_type').change(function() {
80
	$('.selecteur_type').change(function() {
81
		types_affiches = new Array();
81
		types_affiches = new Array();
82
		$('.selecteur_type:checked').each(function(){
82
		$('.selecteur_type:checked').each(function(){
83
			types_affiches.push($(this).attr("id").replace("selecteur_type_",'')); 
83
			types_affiches.push($(this).attr("id").replace("selecteur_type_",''));
84
		}); 
84
		});
85
		afficherMarqueursSelectionnes();
85
		afficherMarqueursSelectionnes();
86
	})
86
	})
87
}
87
}
Line 88... Line 88...
88
 
88
 
89
function creerEtAjouterMarqueur(id_marqueur, infos_station) {
89
function creerEtAjouterMarqueur(id_marqueur, infos_station) {
90
	
90
 
91
	latlng = new google.maps.LatLng(infos_station['latitude'],infos_station['longitude']);
91
	latlng = new google.maps.LatLng(infos_station['latitude'],infos_station['longitude']);
92
	var intitule_type = infos_station['type_participant'].formaterTypePourBalise();
92
	var intitule_type = infos_station['type_participant'].formaterTypePourBalise();
93
	var chaine_couleur = tableau_couleurs[intitule_type];	
93
	var chaine_couleur = tableau_couleurs[intitule_type];
94
    var image = obtenirImagePourChaineCouleur(chaine_couleur);
94
    var image = obtenirImagePourChaineCouleur(chaine_couleur);
95
    var nom_station = infos_station['nom'];
95
    var nom_station = infos_station['nom'];
96
    	
96
 
97
 	var marqueur_station = new google.maps.Marker({
97
 	var marqueur_station = new google.maps.Marker({
98
	      position: latlng,
98
	      position: latlng,
99
	      icon:image,
99
	      icon:image,
100
	      code:intitule_type,
100
	      code:intitule_type,
101
	      title:nom_station,
101
	      title:nom_station,
102
	      optimized: true
102
	      optimized: true
Line 103... Line 103...
103
	});
103
	});
104
 
104
 
105
	google.maps.event.addListener(marqueur_station, 'click', function() {
105
	google.maps.event.addListener(marqueur_station, 'click', function() {
106
		
106
 
107
		contenu_fenetre = formaterContenuFenetre(infos_station);
107
		contenu_fenetre = formaterContenuFenetre(infos_station);
108
		infowindow.close();
108
		infowindow.close();
109
		infowindow.setContent(contenu_fenetre);
109
		infowindow.setContent(contenu_fenetre);
110
		infowindow.open(map,this);
110
		infowindow.open(map,this);
111
	});
111
	});
112
	
112
 
113
 	marqueur_station.setDraggable(false);
113
 	marqueur_station.setDraggable(false);
114
 	marqueur_station.setClickable(true);
114
 	marqueur_station.setClickable(true);
115
		
115
 
116
 	marqueur_station.setMap(map); 	
116
 	marqueur_station.setMap(map);
Line 117... Line 117...
117
 	marqueurs.push(marqueur_station);
117
 	marqueurs.push(marqueur_station);
118
}
118
}
Line 123... Line 123...
123
		marqueurs[i].setVisible(afficher);
123
		marqueurs[i].setVisible(afficher);
124
	}
124
	}
125
}
125
}
Line 126... Line 126...
126
 
126
 
127
function formaterContenuFenetre(infos_station) {
127
function formaterContenuFenetre(infos_station) {
128
	
128
 
129
	var contenu_fenetre = "";
129
	var contenu_fenetre = "";
130
	contenu_fenetre = "<h3> "+infos_station['nom']+"</h3>";
130
	contenu_fenetre = "<h3> "+infos_station['nom']+"</h3>";
131
	contenu_fenetre += '<div class="infos_participant"> Participant  : '+construireUrlProfilParticipant(infos_station['participant'])+'</div>';
131
	contenu_fenetre += '<div class="infos_participant"> Participant  : '+construireUrlProfilParticipant(infos_station['participant'])+'</div>';
132
	contenu_fenetre += '<div class="infos_commune"> ';
132
	contenu_fenetre += '<div class="infos_commune"> ';
133
	if(infos_station['nom_commune'] != null && infos_station['nom_commune'] != "") {
133
	if(infos_station['nom_commune'] != null && infos_station['nom_commune'] != "") {
134
		contenu_fenetre += 'Commune : '+infos_station['nom_commune'];
134
		contenu_fenetre += 'Commune : '+infos_station['nom_commune'];
135
	}
135
	}
136
	
136
 
137
	if(infos_station['code_commune'] != null && infos_station['code_commune'] != "") {
137
	if(infos_station['code_commune'] != null && infos_station['code_commune'] != "") {
138
		contenu_fenetre += ' ('+infos_station['code_commune']+')';
138
		contenu_fenetre += ' ('+infos_station['code_commune']+')';
139
	}
139
	}
140
	contenu_fenetre += '</div>';
140
	contenu_fenetre += '</div>';
Line 141... Line 141...
141
	contenu_fenetre += '<div class="infos_altitude"> Altitude : '+infos_station['altitude']+' m</div>';
141
	contenu_fenetre += '<div class="infos_altitude"> Altitude : '+infos_station['altitude']+' m</div>';
142
 
142
 
143
	
143
 
Line 144... Line 144...
144
	return contenu_fenetre;
144
	return contenu_fenetre;
145
}
145
}
146
 
146
 
147
function obtenirImagePourChaineCouleur(chaine_couleur) {
147
function obtenirImagePourChaineCouleur(chaine_couleur) {
148
	
148
 
149
	chaine_couleur = encodeURIComponent(chaine_couleur);
149
	chaine_couleur = encodeURIComponent(chaine_couleur);
150
	var image = getUrlBaseJrest()+"OdsMarqueur/point?couleurs="+chaine_couleur;
150
	var image = getUrlBaseJrest()+"OdsMarqueur/point?couleurs="+chaine_couleur;
Line 151... Line 151...
151
    
151
 
152
    return image;
152
    return image;
153
}
153
}
154
 
154
 
155
function construireUrlProfilParticipant(participant) {
155
function construireUrlProfilParticipant(participant) {
156
	
156
 
157
	if(participant['id'] == null && participant['nom'] == null) {
157
	if(participant['id'] == null && participant['nom'] == null) {
158
		return "anonyme";
158
		return "anonyme";
159
	}
159
	}
160
	
160
 
161
	var id = participant['id'];
161
	var id = participant['id'];
162
	
162
 
163
	if(participant['nom'] == null || participant['nom'] == "null") {
163
	if(participant['nom'] == null || participant['nom'] == "null") {
164
		var pseudo = participant['id'];
164
		var pseudo = participant['id'];
165
	} else {
165
	} else {
166
		var pseudo = participant['nom'];
166
		var pseudo = participant['nom'];
Line 167... Line 167...
167
	}
167
	}
168
	
168
 
Line 198... Line 198...
198
	var s = this;
198
	var s = this;
199
	for (var i = 0; i < diacritics.length; i++) {
199
	for (var i = 0; i < diacritics.length; i++) {
200
	    s = s.replace(diacritics[i][0], diacritics[i][1]);
200
	    s = s.replace(diacritics[i][0], diacritics[i][1]);
201
	}
201
	}
202
	return s;
202
	return s;
203
}
-
 
204
203
}
-
 
204