Subversion Repositories eFlore/Applications.cel

Rev

Rev 1352 | Rev 1925 | Go to most recent revision | Only display areas with differences | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 1352 Rev 1848
1
//+---------------------------------------------------------------------------------------------------------+
1
//+---------------------------------------------------------------------------------------------------------+
2
// GÉNÉRAL
2
// GÉNÉRAL
3
/**
3
/**
4
 * Stope l'évènement courrant quand on clique sur un lien.
4
 * Stope l'évènement courrant quand on clique sur un lien.
5
 * Utile pour Chrome, Safari...
5
 * Utile pour Chrome, Safari...
6
 * @param evenement
6
 * @param evenement
7
 * @return
7
 * @return
8
 */
8
 */
9
function arreter(evenement) {
9
function arreter(evenement) {
10
	if (evenement.stopPropagation) {
10
	if (evenement.stopPropagation) {
11
		evenement.stopPropagation();
11
		evenement.stopPropagation();
12
	}
12
	}
13
	return false;
13
	return false;
14
}
14
}
15
 
15
 
16
//+---------------------------------------------------------------------------------------------------------+
16
//+---------------------------------------------------------------------------------------------------------+
17
// FORMULAIRE
17
// FORMULAIRE
18
 
18
 
19
$(function() {
19
$(function() {
20
	$("#saisie-obs").validate({
20
	$("#saisie-obs").validate({
21
		rules: {
21
		rules: {
22
			prenom : "required",
22
			prenom : "required",
23
			nom : "required",
23
			nom : "required",
24
			courriel : {
24
			courriel : {
25
				required : true,
25
				required : true,
26
				email : true},
26
				email : true},
27
			courriel_confirmation : {
27
			courriel_confirmation : {
28
				required : true,
28
				required : true,
29
				equalTo: "#courriel"
29
				equalTo: "#courriel"
30
			},
30
			},
31
			milieu : "required",
31
			milieu : "required",
32
			latitude : {
32
			latitude : {
33
				required: true,
33
				required: true,
34
				range: [-90, 90]},
34
				range: [-90, 90]},
35
			longitude : {
35
			longitude : {
36
				required: true,
36
				required: true,
37
				range: [-180, 180]},
37
				range: [-180, 180]},
38
			date : {
38
			date : {
39
				required: true,
39
				required: true,
40
				date: true},
40
				date: true},
41
			taxon : "required"
41
			taxon : "required"
42
		}
42
		}
43
	});
43
	});
44
	
44
	
45
	$("#date").datepicker({
45
	$("#date").datepicker({
46
		   onClose: function(dateText, inst) {$("#saisie-obs").valid();}
46
		   onClose: function(dateText, inst) {$("#saisie-obs").valid();}
47
	});
47
	});
48
	
48
	
49
	$("#courriel_confirmation").bind('paste', function(e) {
49
	$("#courriel_confirmation").bind('paste', function(e) {
50
		$("#dialogue-bloquer-copier-coller").dialog();
50
		$("#dialogue-bloquer-copier-coller").dialog();
51
		return false;
51
		return false;
52
	});
52
	});
53
	
53
	
54
	$("#localiser-gg-map").fancybox({
54
	$("#localiser-gg-map").fancybox({
55
		'modal'			: true,
55
		'modal'			: true,
56
		'autoDimensions' : true,
56
		'autoDimensions' : true,
57
		'titleShow'		: false,
57
		'titleShow'		: false,
58
		'onClosed'		: function() {
58
		'onClosed'		: function() {
59
		    $("#gg-map").hide();
59
		    $("#gg-map").hide();
60
		},
60
		},
61
		'onStart'		: function(e) {
61
		'onStart'		: function(e) {
62
			arreter(e);
62
			arreter(e);
63
			$("#gg-map-localisation").height($(window).height() - 100);
63
			$("#gg-map-localisation").height($(window).height() - 100);
64
			$("#gg-map-carte").height($(window).height() - 200);
64
			$("#gg-map-carte").height($(window).height() - 200);
65
			$("#gg-map-localisation").width($(window).width() - 100);
65
			$("#gg-map-localisation").width($(window).width() - 100);
66
		},
66
		},
67
		'onComplete'	: function() {
67
		'onComplete'	: function() {
68
			initialiserCarte();
68
			initialiserCarte();
69
		}
69
		}
70
	});
70
	});
71
	
71
	
72
	$("#valider-coordonnees").click(function(e) {
72
	$("#valider-coordonnees").click(function(e) {
73
		var coordonnees = $("#marqueur-coordonnees").data('latLon');
73
		var coordonnees = $("#marqueur-coordonnees").data('latLon');
74
		if (coordonnees != undefined) {
74
		if (coordonnees != undefined) {
75
			$("#latitude").val(coordonnees.lat);
75
			$("#latitude").val(coordonnees.lat);
76
			$("#longitude").val(coordonnees.lon);
76
			$("#longitude").val(coordonnees.lon);
77
		}
77
		}
78
		var commune = $("#marqueur-commune").data('commune');
78
		var commune = $("#marqueur-commune").data('commune');
79
		if (commune != undefined) {
79
		if (commune != undefined) {
80
			$("#commune_nom").val(commune.nom);
80
			$("#commune_nom").val(commune.nom);
81
			$("#commune_code_insee").val(commune.codeInsee);
81
			$("#commune_code_insee").val(commune.codeInsee);
82
		}
82
		}
83
		$.fancybox.close();
83
		$.fancybox.close();
84
		$("#saisie-obs").valid();
84
		$("#saisie-obs").valid();
85
	});
85
	});
86
	$("#annuler-coordonnees").bind('click', function(e) {
86
	$("#annuler-coordonnees").bind('click', function(e) {
87
		$.fancybox.close();
87
		$.fancybox.close();
88
		$("#saisie-obs").valid()
88
		$("#saisie-obs").valid()
89
	});
89
	});
90
	
90
	
91
	var obsNumero = 0;
91
	var obsNumero = 0;
92
	$("#ajouter-obs").bind('click', function(e) {
92
	$("#ajouter-obs").bind('click', function(e) {
93
		if ($("#saisie-obs").valid() == false) {
93
		if ($("#saisie-obs").valid() == false) {
94
			$("#dialogue-form-invalide").dialog();
94
			$("#dialogue-form-invalide").dialog();
95
		} else {
95
		} else {
96
			obsNumero = obsNumero + 1;
96
			obsNumero = obsNumero + 1;
97
			$("#liste-obs tbody").append(
97
			$("#liste-obs tbody").append(
98
				'<tr id="obs'+obsNumero+'" class="obs">'+
98
				'<tr id="obs'+obsNumero+'" class="obs">'+
99
					'<td>'+obsNumero+'</td>'+
99
					'<td>'+obsNumero+'</td>'+
100
					'<td>'+$("#date").val()+'</td>'+
100
					'<td>'+$("#date").val()+'</td>'+
101
					'<td>'+$("#taxon option:selected").text()+'</td>'+
101
					'<td>'+$("#taxon option:selected").text()+'</td>'+
102
					'<td>'+$("#milieu option:selected").text()+'</td>'+
102
					'<td>'+$("#milieu option:selected").text()+'</td>'+
103
					'<td>'+$("#latitude").val()+'</td>'+
103
					'<td>'+$("#latitude").val()+'</td>'+
104
					'<td>'+$("#longitude").val()+'</td>'+
104
					'<td>'+$("#longitude").val()+'</td>'+
105
					'<td>'+$("#notes").val()+'</td>'+
105
					'<td>'+$("#notes").val()+'</td>'+
106
					'<td><button class="supprimer-obs" value="'+obsNumero+'" title="'+obsNumero+'">Supprimer</button></td>'+
106
					'<td><button class="supprimer-obs" value="'+obsNumero+'" title="'+obsNumero+'">Supprimer</button></td>'+
107
				'</tr>');
107
				'</tr>');
108
			var numNomSel = $("#taxon").val();
108
			var numNomSel = $("#taxon").val();
109
			$("#liste-obs").data('obsId'+obsNumero, {
109
			$("#liste-obs").data('obsId'+obsNumero, {
110
				'date' : $("#date").val(), 
110
				'date' : $("#date").val(), 
111
				'num_nom_sel' : numNomSel,
111
				'num_nom_sel' : numNomSel,
112
				'nom_sel' : taxons[numNomSel]['nom_sel'],
112
				'nom_sel' : taxons[numNomSel]['nom_sel'],
113
				'nom_ret' : taxons[numNomSel]['nom_ret'],
113
				'nom_ret' : taxons[numNomSel]['nom_ret'],
114
				'num_nom_ret' : taxons[numNomSel]['num_nom_ret'],
114
				'num_nom_ret' : taxons[numNomSel]['num_nom_ret'],
115
				'num_taxon' : taxons[numNomSel]['num_taxon'],
115
				'num_taxon' : taxons[numNomSel]['num_taxon'],
116
				'famille' : taxons[numNomSel]['famille'],
116
				'famille' : taxons[numNomSel]['famille'],
-
 
117
				'nom_referentiel' : 'bdtfx',
117
				'nom_fr' : taxons[numNomSel]['nom_fr'],
118
				'nom_fr' : taxons[numNomSel]['nom_fr'],
118
				'milieu' : $("#milieu option:selected").val(),
119
				'milieu' : $("#milieu option:selected").val(),
119
				'latitude' : $("#latitude").val(),
120
				'latitude' : $("#latitude").val(),
120
				'longitude' : $("#longitude").val(),
121
				'longitude' : $("#longitude").val(),
121
				'commune_nom' : $("#commune_nom").val(),
122
				'commune_nom' : $("#commune_nom").val(),
122
				'commune_code_insee' : $("#commune_code_insee").val(),
123
				'commune_code_insee' : $("#commune_code_insee").val(),
123
				'notes' : $("#notes").val()});
124
				'notes' : $("#notes").val()});
124
		}
125
		}
125
	});
126
	});
126
	
127
	
127
	$(".supprimer-obs").live('click', function() {
128
	$(".supprimer-obs").live('click', function() {
128
		var obsId = $(this).val();
129
		var obsId = $(this).val();
129
		// Problème avec IE 6 et 7
130
		// Problème avec IE 6 et 7
130
		if (obsId == "Supprimer") {
131
		if (obsId == "Supprimer") {
131
			obsId = $(this).attr("title");
132
			obsId = $(this).attr("title");
132
		}
133
		}
133
		
134
		
134
		$('#obs'+obsId).remove();
135
		$('#obs'+obsId).remove();
135
		$("#liste-obs").removeData('obsId'+obsId)
136
		$("#liste-obs").removeData('obsId'+obsId)
136
	});
137
	});
137
	
138
	
138
	$("#tramsmettre-obs").click(function(e) {
139
	$("#tramsmettre-obs").click(function(e) {
139
		var observations = $("#liste-obs").data();
140
		var observations = $("#liste-obs").data();
140
		
141
		
141
		if (observations == undefined || jQuery.isEmptyObject(observations)) {
142
		if (observations == undefined || jQuery.isEmptyObject(observations)) {
142
			$("#dialogue-zero-obs").dialog();
143
			$("#dialogue-zero-obs").dialog();
143
		} else if ($("#saisie-obs").valid() == false) {
144
		} else if ($("#saisie-obs").valid() == false) {
144
			$("#dialogue-form-invalide").dialog();
145
			$("#dialogue-form-invalide").dialog();
145
		} else {
146
		} else {
146
			observations['projet'] = 'Biodiversite34';
147
			observations['projet'] = 'Biodiversite34';
147
			
148
			
148
			var utilisateur = new Object();
149
			var utilisateur = new Object();
149
			utilisateur.id_utilisateur = $("#id_utilisateur").val();
150
			utilisateur.id_utilisateur = $("#id_utilisateur").val();
150
			utilisateur.prenom = $("#prenom").val();
151
			utilisateur.prenom = $("#prenom").val();
151
			utilisateur.nom = $("#nom").val();
152
			utilisateur.nom = $("#nom").val();
152
			utilisateur.courriel = $("#courriel").val();
153
			utilisateur.courriel = $("#courriel").val();
153
			observations['utilisateur'] = utilisateur;
154
			observations['utilisateur'] = utilisateur;
154
			
155
			
155
			var erreurMsg = "";
156
			var erreurMsg = "";
156
			$.ajax({
157
			$.ajax({
157
				url : SERVICE_SAISIE_URL,
158
				url : SERVICE_SAISIE_URL,
158
				type : "POST",
159
				type : "POST",
159
				data : observations,
160
				data : observations,
160
				dataType : "json",
161
				dataType : "json",
161
				beforeSend : function() {
162
				beforeSend : function() {
162
					$(".msg").remove();	
163
					$(".msg").remove();	
163
					$(".msg-erreur").remove();
164
					$(".msg-erreur").remove();
164
					$(".msg-debug").remove();
165
					$(".msg-debug").remove();
165
				},
166
				},
166
				success : function(data, textStatus, jqXHR) {
167
				success : function(data, textStatus, jqXHR) {
167
					$("#dialogue-obs-transaction").append('<p class="msg">Vos observations ont bien été transmises.</p>');
168
					$("#dialogue-obs-transaction").append('<p class="msg">Vos observations ont bien été transmises.</p>');
168
				},
169
				},
169
				statusCode : {
170
				statusCode : {
170
				    500 : function(jqXHR, textStatus, errorThrown) {
171
				    500 : function(jqXHR, textStatus, errorThrown) {
171
						erreurMsg += "Erreur 500 :\ntype : "+textStatus+' '+errorThrown+"\n";
172
						erreurMsg += "Erreur 500 :\ntype : "+textStatus+' '+errorThrown+"\n";
172
						reponse = jQuery.parseJSON(jqXHR.responseText);
173
						reponse = jQuery.parseJSON(jqXHR.responseText);
173
						if (reponse != null) {
174
						if (reponse != null) {
174
							$.each(reponse, function (cle, valeur) {
175
							$.each(reponse, function (cle, valeur) {
175
								erreurMsg += valeur + "\n";
176
								erreurMsg += valeur + "\n";
176
							});
177
							});
177
						}
178
						}
178
						if (DEBUG) {
179
						if (DEBUG) {
179
							$("#dialogue-obs-transaction").append('<pre class="msg-erreur">'+erreurMsg+'</pre>');
180
							$("#dialogue-obs-transaction").append('<pre class="msg-erreur">'+erreurMsg+'</pre>');
180
						}
181
						}
181
				    }
182
				    }
182
				},
183
				},
183
				error : function(jqXHR, textStatus, errorThrown) {
184
				error : function(jqXHR, textStatus, errorThrown) {
184
					erreurMsg += "Erreur Ajax :\ntype : "+textStatus+' '+errorThrown+"\n";
185
					erreurMsg += "Erreur Ajax :\ntype : "+textStatus+' '+errorThrown+"\n";
185
					reponse = jQuery.parseJSON(jqXHR.responseText);
186
					reponse = jQuery.parseJSON(jqXHR.responseText);
186
					if (reponse != null) {
187
					if (reponse != null) {
187
						$.each(reponse, function (cle, valeur) {
188
						$.each(reponse, function (cle, valeur) {
188
							erreurMsg += valeur + "\n";
189
							erreurMsg += valeur + "\n";
189
						});
190
						});
190
					}
191
					}
191
					
192
					
192
					if (DEBUG) {
193
					if (DEBUG) {
193
						$("#dialogue-obs-transaction").append('<pre class="msg-erreur">'+erreurMsg+'</pre>');
194
						$("#dialogue-obs-transaction").append('<pre class="msg-erreur">'+erreurMsg+'</pre>');
194
					}
195
					}
195
				},
196
				},
196
				complete : function(jqXHR, textStatus) {
197
				complete : function(jqXHR, textStatus) {
197
					var debugMsg = '';
198
					var debugMsg = '';
198
					if (jqXHR.getResponseHeader("X-DebugJrest-Data") != '') {
199
					if (jqXHR.getResponseHeader("X-DebugJrest-Data") != '') {
199
						debugInfos = jQuery.parseJSON(jqXHR.getResponseHeader("X-DebugJrest-Data"));
200
						debugInfos = jQuery.parseJSON(jqXHR.getResponseHeader("X-DebugJrest-Data"));
200
						if (debugInfos != null) {
201
						if (debugInfos != null) {
201
							$.each(debugInfos, function (cle, valeur) {
202
							$.each(debugInfos, function (cle, valeur) {
202
								debugMsg += valeur + "\n";
203
								debugMsg += valeur + "\n";
203
							});
204
							});
204
						}
205
						}
205
					}
206
					}
206
					if (erreurMsg != '') {
207
					if (erreurMsg != '') {
207
						$("#dialogue-obs-transaction").append('<p class="msg">'+
208
						$("#dialogue-obs-transaction").append('<p class="msg">'+
208
								'Une erreur est survenue lors de la transmission de vos observations.'+'<br />'+
209
								'Une erreur est survenue lors de la transmission de vos observations.'+'<br />'+
209
								'Vous pouvez signaler le disfonctionnement à <a href="'+
210
								'Vous pouvez signaler le disfonctionnement à <a href="'+
210
								'mailto:cel@tela-botanica.org'+'?'+
211
								'mailto:cel@tela-botanica.org'+'?'+
211
								'subject=Disfonctionnement du widget de saisie Biodiversite34'+
212
								'subject=Disfonctionnement du widget de saisie Biodiversite34'+
212
								"&body="+erreurMsg+"\nDébogage :\n"+debugMsg+
213
								"&body="+erreurMsg+"\nDébogage :\n"+debugMsg+
213
								'">cel@tela-botanica.org</a>.'+
214
								'">cel@tela-botanica.org</a>.'+
214
								'</p>');
215
								'</p>');
215
					}
216
					}
216
					if (DEBUG) {
217
					if (DEBUG) {
217
						$("#dialogue-obs-transaction").append('<pre class="msg-debug">Débogage : '+debugMsg+'</pre>');
218
						$("#dialogue-obs-transaction").append('<pre class="msg-debug">Débogage : '+debugMsg+'</pre>');
218
					}
219
					}
219
					
220
					
220
					$("#dialogue-obs-transaction").dialog();
221
					$("#dialogue-obs-transaction").dialog();
221
					$("#liste-obs").removeData();
222
					$("#liste-obs").removeData();
222
					$('.obs').remove();
223
					$('.obs').remove();
223
					obsNumero = 0;
224
					obsNumero = 0;
224
				}
225
				}
225
			});
226
			});
226
		}
227
		}
227
		return false;
228
		return false;
228
	});
229
	});
229
});
230
});
230
 
231
 
231
//+---------------------------------------------------------------------------------------------------------+
232
//+---------------------------------------------------------------------------------------------------------+
232
// GOOGLE MAP
233
// GOOGLE MAP
233
 
234
 
234
var geocoder;
235
var geocoder;
235
var latLng;
236
var latLng;
236
var map;
237
var map;
237
var marker;
238
var marker;
238
var osmMapType;
239
var osmMapType;
239
function initialiserCarte() {
240
function initialiserCarte() {
240
	geocoder = new google.maps.Geocoder();
241
	geocoder = new google.maps.Geocoder();
241
	latLng = new google.maps.LatLng(43.577, 3.455);
242
	latLng = new google.maps.LatLng(43.577, 3.455);
242
	map = new google.maps.Map(document.getElementById('gg-map-carte'), {
243
	map = new google.maps.Map(document.getElementById('gg-map-carte'), {
243
		zoom: 9,
244
		zoom: 9,
244
		mapTypeId: google.maps.MapTypeId.HYBRID,
245
		mapTypeId: google.maps.MapTypeId.HYBRID,
245
		mapTypeControlOptions: {
246
		mapTypeControlOptions: {
246
			mapTypeIds: ['OSM', google.maps.MapTypeId.ROADMAP, google.maps.MapTypeId.HYBRID, google.maps.MapTypeId.SATELLITE, google.maps.MapTypeId.TERRAIN]}
247
			mapTypeIds: ['OSM', google.maps.MapTypeId.ROADMAP, google.maps.MapTypeId.HYBRID, google.maps.MapTypeId.SATELLITE, google.maps.MapTypeId.TERRAIN]}
247
	});
248
	});
248
 
249
 
249
	// Ajout de la couche OSM à la carte
250
	// Ajout de la couche OSM à la carte
250
	osmMapType = new google.maps.ImageMapType({
251
	osmMapType = new google.maps.ImageMapType({
251
		getTileUrl: function(coord, zoom) {
252
		getTileUrl: function(coord, zoom) {
252
			return "http://tile.openstreetmap.org/" +
253
			return "http://tile.openstreetmap.org/" +
253
			zoom + "/" + coord.x + "/" + coord.y + ".png";
254
			zoom + "/" + coord.x + "/" + coord.y + ".png";
254
		},
255
		},
255
		tileSize: new google.maps.Size(256, 256),
256
		tileSize: new google.maps.Size(256, 256),
256
		isPng: true,
257
		isPng: true,
257
		alt: "OpenStreetMap",
258
		alt: "OpenStreetMap",
258
		name: "OSM",
259
		name: "OSM",
259
		maxZoom: 19
260
		maxZoom: 19
260
	});
261
	});
261
	map.mapTypes.set('OSM', osmMapType);
262
	map.mapTypes.set('OSM', osmMapType);
262
	
263
	
263
	// Ajout des limites de communes
264
	// Ajout des limites de communes
264
	ctaLayer = new google.maps.KmlLayer('http://www.tela-botanica.org/commun/google/map/3/kmz/communes/34.kmz', {preserveViewport: true});
265
	ctaLayer = new google.maps.KmlLayer('http://www.tela-botanica.org/commun/google/map/3/kmz/communes/34.kmz', {preserveViewport: true});
265
	ctaLayer.setMap(map);
266
	ctaLayer.setMap(map);
266
	
267
	
267
	// Définition du marqueur
268
	// Définition du marqueur
268
	marker = new google.maps.Marker({
269
	marker = new google.maps.Marker({
269
		position: latLng,
270
		position: latLng,
270
		title: 'Ma station',
271
		title: 'Ma station',
271
		map: map,
272
		map: map,
272
		draggable: true
273
		draggable: true
273
	});
274
	});
274
	deplacerMarker(latLng);
275
	deplacerMarker(latLng);
275
	
276
	
276
	// Tentative de géolocalisation
277
	// Tentative de géolocalisation
277
	if(navigator.geolocation) {	// Try W3C Geolocation (Preferred)
278
	if(navigator.geolocation) {	// Try W3C Geolocation (Preferred)
278
		navigator.geolocation.getCurrentPosition(function(position) {
279
		navigator.geolocation.getCurrentPosition(function(position) {
279
			(DEBUG) ? console.log("Géolocalisation OK.") : '';
280
			(DEBUG) ? console.log("Géolocalisation OK.") : '';
280
			latLng = new google.maps.LatLng(position.coords.latitude,position.coords.longitude);
281
			latLng = new google.maps.LatLng(position.coords.latitude,position.coords.longitude);
281
			deplacerMarker(latLng);
282
			deplacerMarker(latLng);
282
			map.setCenter(latLng);
283
			map.setCenter(latLng);
283
		}, function(erreur) {
284
		}, function(erreur) {
284
			(DEBUG) ? console.log("Géolocalisation échouée : "+erreur.code+" = "+erreur.message) : '';
285
			(DEBUG) ? console.log("Géolocalisation échouée : "+erreur.code+" = "+erreur.message) : '';
285
		});
286
		});
286
	} else { //Browser doesn't support Geolocation
287
	} else { //Browser doesn't support Geolocation
287
		(DEBUG) ? console.log("Navigateur ne supportant pas la géolocalisation. Localisation par défaut.") : '';
288
		(DEBUG) ? console.log("Navigateur ne supportant pas la géolocalisation. Localisation par défaut.") : '';
288
	}
289
	}
289
	deplacerMarker(latLng);
290
	deplacerMarker(latLng);
290
	map.setCenter(latLng);
291
	map.setCenter(latLng);
291
	
292
	
292
	// Add des évènements concernant le marqueur
293
	// Add des évènements concernant le marqueur
293
	google.maps.event.addListener(marker, 'dragstart', function() {
294
	google.maps.event.addListener(marker, 'dragstart', function() {
294
		mettreAJourMarkerAdresse('Marqueur de station début du déplacement...');
295
		mettreAJourMarkerAdresse('Marqueur de station début du déplacement...');
295
	});
296
	});
296
	
297
	
297
	google.maps.event.addListener(marker, 'drag', function() {
298
	google.maps.event.addListener(marker, 'drag', function() {
298
		mettreAJourMarkerStatut('Marqueur de station en cours de déplacement...');
299
		mettreAJourMarkerStatut('Marqueur de station en cours de déplacement...');
299
		mettreAJourMarkerPosition(marker.getPosition());
300
		mettreAJourMarkerPosition(marker.getPosition());
300
	});
301
	});
301
	
302
	
302
	google.maps.event.addListener(marker, 'dragend', function() {
303
	google.maps.event.addListener(marker, 'dragend', function() {
303
		mettreAJourMarkerStatut('Marqueur de station déplacé (glisser/déposer).');
304
		mettreAJourMarkerStatut('Marqueur de station déplacé (glisser/déposer).');
304
		mettreAJourMarkerPosition(marker.getPosition());
305
		mettreAJourMarkerPosition(marker.getPosition());
305
		geocoderPosition(marker.getPosition());
306
		geocoderPosition(marker.getPosition());
306
		trouverCommune(marker.getPosition());
307
		trouverCommune(marker.getPosition());
307
	});
308
	});
308
	
309
	
309
	google.maps.event.addListener(map, 'click', function(event) {
310
	google.maps.event.addListener(map, 'click', function(event) {
310
		deplacerMarker(event.latLng);
311
		deplacerMarker(event.latLng);
311
	});
312
	});
312
}
313
}
313
 
314
 
314
function deplacerMarker(latLon) {
315
function deplacerMarker(latLon) {
315
	if (marker != undefined) {
316
	if (marker != undefined) {
316
		marker.setPosition(latLon);
317
		marker.setPosition(latLon);
317
		mettreAJourMarkerStatut('Marqueur de station déplacé (clic).');
318
		mettreAJourMarkerStatut('Marqueur de station déplacé (clic).');
318
		mettreAJourMarkerPosition(marker.getPosition());
319
		mettreAJourMarkerPosition(marker.getPosition());
319
		geocoderPosition(marker.getPosition());
320
		geocoderPosition(marker.getPosition());
320
		trouverCommune(marker.getPosition());
321
		trouverCommune(marker.getPosition());
321
	}
322
	}
322
}
323
}
323
 
324
 
324
function geocoderPosition(pos) {
325
function geocoderPosition(pos) {
325
	if (geocoder != undefined) {
326
	if (geocoder != undefined) {
326
		geocoder.geocode({
327
		geocoder.geocode({
327
			latLng: pos
328
			latLng: pos
328
		}, function(responses, status) {
329
		}, function(responses, status) {
329
			if (status == google.maps.GeocoderStatus.OK) {
330
			if (status == google.maps.GeocoderStatus.OK) {
330
				if (responses && responses.length > 0) {
331
				if (responses && responses.length > 0) {
331
					mettreAJourMarkerAdresse(responses[0].formatted_address);
332
					mettreAJourMarkerAdresse(responses[0].formatted_address);
332
				} else {
333
				} else {
333
					mettreAJourMarkerAdresse("Impossible de trouver d'adresse pour cette position.");
334
					mettreAJourMarkerAdresse("Impossible de trouver d'adresse pour cette position.");
334
				}
335
				}
335
			} else {
336
			} else {
336
				mettreAJourMarkerAdresse("Un problème de géolocalisation est survenu : "+status+".");
337
				mettreAJourMarkerAdresse("Un problème de géolocalisation est survenu : "+status+".");
337
			}
338
			}
338
		});
339
		});
339
	}
340
	}
340
}
341
}
341
 
342
 
342
function trouverCommune(pos) {
343
function trouverCommune(pos) {
343
	$(function() {
344
	$(function() {
344
		var urlNomCommuneFormatee = SERVICE_NOM_COMMUNE_URL.replace('{lat}', pos.lat()).replace('{lon}', pos.lng());
345
		var urlNomCommuneFormatee = SERVICE_NOM_COMMUNE_URL.replace('{lat}', pos.lat()).replace('{lon}', pos.lng());
345
		$.ajax({
346
		$.ajax({
346
			url : urlNomCommuneFormatee,
347
			url : urlNomCommuneFormatee,
347
			type : "GET",
348
			type : "GET",
348
			dataType : "json",
349
			dataType : "json",
349
			beforeSend : function() {
350
			beforeSend : function() {
350
				$(".commune-info").empty();	
351
				$(".commune-info").empty();	
351
				$("#dialogue-erreur").empty();
352
				$("#dialogue-erreur").empty();
352
			},
353
			},
353
			success : function(data, textStatus, jqXHR) {
354
			success : function(data, textStatus, jqXHR) {
354
				$(".commune-info").empty();
355
				$(".commune-info").empty();
355
				$("#commune-nom").append(data.nom);
356
				$("#commune-nom").append(data.nom);
356
				$("#commune-code-insee").append(data.codeINSEE);
357
				$("#commune-code-insee").append(data.codeINSEE);
357
				$("#marqueur-commune").data('commune', {'nom' : data.nom, 'codeInsee' : data.codeINSEE});
358
				$("#marqueur-commune").data('commune', {'nom' : data.nom, 'codeInsee' : data.codeINSEE});
358
			},
359
			},
359
			statusCode : {
360
			statusCode : {
360
			    500 : function(jqXHR, textStatus, errorThrown) {
361
			    500 : function(jqXHR, textStatus, errorThrown) {
361
					if (DEBUG) {	
362
					if (DEBUG) {	
362
						$("#dialogue-erreur").append('<p id="msg">Un problème est survenu lors de l\'appel au service fournissante le nom des communes.</p>');
363
						$("#dialogue-erreur").append('<p id="msg">Un problème est survenu lors de l\'appel au service fournissante le nom des communes.</p>');
363
						reponse = jQuery.parseJSON(jqXHR.responseText);
364
						reponse = jQuery.parseJSON(jqXHR.responseText);
364
						var erreurMsg = "";
365
						var erreurMsg = "";
365
						if (reponse != null) {
366
						if (reponse != null) {
366
							$.each(reponse, function (cle, valeur) {
367
							$.each(reponse, function (cle, valeur) {
367
								erreurMsg += valeur + "<br />";
368
								erreurMsg += valeur + "<br />";
368
							});
369
							});
369
						}
370
						}
370
						
371
						
371
						$("#dialogue-erreur").append('<p class="msg-erreur">Erreur 500 : '+errorThrown+"<br />"+erreurMsg+'</p>');
372
						$("#dialogue-erreur").append('<p class="msg-erreur">Erreur 500 : '+errorThrown+"<br />"+erreurMsg+'</p>');
372
					}
373
					}
373
			    }
374
			    }
374
			},
375
			},
375
			error : function(jqXHR, textStatus, errorThrown) {
376
			error : function(jqXHR, textStatus, errorThrown) {
376
				if (DEBUG) {
377
				if (DEBUG) {
377
					$("#dialogue-erreur").append('<p class="msg">Une erreur Ajax est survenue lors de la transmission de vos observations.</p>');
378
					$("#dialogue-erreur").append('<p class="msg">Une erreur Ajax est survenue lors de la transmission de vos observations.</p>');
378
					reponse = jQuery.parseJSON(jqXHR.responseText);
379
					reponse = jQuery.parseJSON(jqXHR.responseText);
379
					var erreurMsg = "";
380
					var erreurMsg = "";
380
					if (reponse != null) {
381
					if (reponse != null) {
381
						$.each(reponse, function (cle, valeur) {
382
						$.each(reponse, function (cle, valeur) {
382
							erreurMsg += valeur + "<br />";
383
							erreurMsg += valeur + "<br />";
383
						});
384
						});
384
					}
385
					}
385
					
386
					
386
					$("#dialogue-erreur").append('<p class="msg-erreur">Erreur Ajax : '+errorThrown+' (type : '+textStatus+') <br />'+erreurMsg+'</p>');
387
					$("#dialogue-erreur").append('<p class="msg-erreur">Erreur Ajax : '+errorThrown+' (type : '+textStatus+') <br />'+erreurMsg+'</p>');
387
				}
388
				}
388
			},
389
			},
389
			complete : function(jqXHR, textStatus) {
390
			complete : function(jqXHR, textStatus) {
390
				if (DEBUG && jqXHR.getResponseHeader("X-DebugJrest-Data") != '') {
391
				if (DEBUG && jqXHR.getResponseHeader("X-DebugJrest-Data") != '') {
391
					var debugMsg = "";
392
					var debugMsg = "";
392
					debugInfos = jQuery.parseJSON(jqXHR.getResponseHeader("X-DebugJrest-Data"));
393
					debugInfos = jQuery.parseJSON(jqXHR.getResponseHeader("X-DebugJrest-Data"));
393
					if (debugInfos != null) {
394
					if (debugInfos != null) {
394
						$.each(debugInfos, function (cle, valeur) {
395
						$.each(debugInfos, function (cle, valeur) {
395
							debugMsg += valeur + "<br />";
396
							debugMsg += valeur + "<br />";
396
						});
397
						});
397
						$("#dialogue-erreur").append('<pre class="msg-debug msg">Débogage : '+debugMsg+'</pre>');
398
						$("#dialogue-erreur").append('<pre class="msg-debug msg">Débogage : '+debugMsg+'</pre>');
398
					}
399
					}
399
				}
400
				}
400
				if ($("#dialogue-erreur .msg").length > 0) {
401
				if ($("#dialogue-erreur .msg").length > 0) {
401
					$("#dialogue-erreur").dialog();
402
					$("#dialogue-erreur").dialog();
402
				}
403
				}
403
			}
404
			}
404
		});
405
		});
405
	});
406
	});
406
}
407
}
407
 
408
 
408
function mettreAJourMarkerStatut(str) {
409
function mettreAJourMarkerStatut(str) {
409
	document.getElementById('marqueur-statut').innerHTML = str;
410
	document.getElementById('marqueur-statut').innerHTML = str;
410
}
411
}
411
 
412
 
412
function mettreAJourMarkerPosition(latLng) {
413
function mettreAJourMarkerPosition(latLng) {
413
	var lat = latLng.lat().toFixed(5);
414
	var lat = latLng.lat().toFixed(5);
414
	var lon = latLng.lng().toFixed(5); 
415
	var lon = latLng.lng().toFixed(5); 
415
	document.getElementById('marqueur-wgs84').innerHTML = [lat, lon].join(', ');
416
	document.getElementById('marqueur-wgs84').innerHTML = [lat, lon].join(', ');
416
	$("#marqueur-coordonnees").data('latLon', {'lat' : lat, 'lon' : lon});
417
	$("#marqueur-coordonnees").data('latLon', {'lat' : lat, 'lon' : lon});
417
	
418
	
418
	Proj4js.defs["EPSG:4326"] = "+proj=longlat +ellps=WGS84 +datum=WGS84 +no_defs";
419
	Proj4js.defs["EPSG:4326"] = "+proj=longlat +ellps=WGS84 +datum=WGS84 +no_defs";
419
	Proj4js.defs["EPSG:2154"]="+title=RGF93 / Lambert-93 +proj=lcc +lat_1=49 +lat_2=44 +lat_0=46.5 +lon_0=3 +x_0=700000 +y_0=6600000 +ellps=GRS80 +towgs84=0,0,0,0,0,0,0 +units=m +no_defs ";
420
	Proj4js.defs["EPSG:2154"]="+title=RGF93 / Lambert-93 +proj=lcc +lat_1=49 +lat_2=44 +lat_0=46.5 +lon_0=3 +x_0=700000 +y_0=6600000 +ellps=GRS80 +towgs84=0,0,0,0,0,0,0 +units=m +no_defs ";
420
	var source = new Proj4js.Proj('EPSG:4326');// Coordonnées source : WGS 84
421
	var source = new Proj4js.Proj('EPSG:4326');// Coordonnées source : WGS 84
421
	var dest = new Proj4js.Proj('EPSG:2154');// Coordonnées destination  : Lambert 93
422
	var dest = new Proj4js.Proj('EPSG:2154');// Coordonnées destination  : Lambert 93
422
	var p = new Proj4js.Point(lon+','+lat);//lon+','+lat any object will do as long as it has 'x' and 'y' properties
423
	var p = new Proj4js.Point(lon+','+lat);//lon+','+lat any object will do as long as it has 'x' and 'y' properties
423
	Proj4js.transform(source, dest, p);
424
	Proj4js.transform(source, dest, p);
424
	//Proj4js.reportError = function(msg) {alert(msg);}
425
	//Proj4js.reportError = function(msg) {alert(msg);}
425
	//console.log(p.toString());
426
	//console.log(p.toString());
426
	document.getElementById('marqueur-lambert93').innerHTML = [p.x.toFixed(0)+' '+dest.units, p.y.toFixed(0)+' '+dest.units].join(', ');
427
	document.getElementById('marqueur-lambert93').innerHTML = [p.x.toFixed(0)+' '+dest.units, p.y.toFixed(0)+' '+dest.units].join(', ');
427
}
428
}
428
 
429
 
429
function mettreAJourMarkerAdresse(str) {
430
function mettreAJourMarkerAdresse(str) {
430
	document.getElementById('marqueur-adresse').innerHTML = str;
431
	document.getElementById('marqueur-adresse').innerHTML = str;
431
}
432
}
432
 
433