Subversion Repositories eFlore/Applications.cel

Rev

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

Rev 953 Rev 980
Line 1... Line 1...
1 
/*+--------------------------------------------------------------------------------------------------------+*/
 1 
/*+--------------------------------------------------------------------------------------------------------+*/
2 
// PARAMÊTRES et CONSTANTES
 2 
// PARAMÊTRES et CONSTANTES
3 
// Mettre à true pour afficher les messages de débogage
 3 
// Mettre à true pour afficher les messages de débogage
4 
var DEBUG = false;
4 
var DEBUG = false;
- 
 
 5 
var communeImageUrl = 'http://www.tela-botanica.org/commun/icones/carto/commune.png';
5 
var pointImageUrl = 'http://chart.apis.google.com/chart?cht=mm&chs=24x32&chco=FFFFFF,008CFF,000000&ext=.png';
 6 
var pointImageUrl = 'http://www.tela-botanica.org/commun/icones/carto/point2.png';
- 
 
 7 
var groupeImageUrlTpl = 'http://localhost/cel-jrest/CelWidgetMap/icone-groupe?type={type}&nbre={nbre}'
6 
var pointsOrigine = null;
 8 
var pointsOrigine = null;
7 
var boundsOrigine = null;
 9 
var boundsOrigine = null;
8 
var markerClusterer = null;
 10 
var markerClusterer = null;
9 
var map = null;
 11 
var map = null;
10 
var infoBulle = new google.maps.InfoWindow();
 12 
var infoBulle = new google.maps.InfoWindow();
- 
 
 13 
var stations = null;
11 
var pointClique = null;
 14 
var pointClique = null;
12 
var carteCentre = new google.maps.LatLng(46.4, 3.10);
 15 
var carteCentre = new google.maps.LatLng(25, 10);
13 
var carteOptions = {
 16 
var carteOptions = {
14 
	zoom: 6,
 17 
	zoom: 3,
- 
 
 18 
	center:carteCentre,
15 
	mapTypeId: google.maps.MapTypeId.ROADMAP,
 19 
	mapTypeId: google.maps.MapTypeId.ROADMAP,
16 
	mapTypeControlOptions: {
 20 
	mapTypeControlOptions: {
17 
		mapTypeIds: ['OSM',
21 
		mapTypeIds: ['OSM',
18 
		             google.maps.MapTypeId.ROADMAP,
22 
		             google.maps.MapTypeId.ROADMAP,
19 
		             google.maps.MapTypeId.HYBRID,
23 
		             google.maps.MapTypeId.HYBRID,
20 
		             google.maps.MapTypeId.SATELLITE,
24 
		             google.maps.MapTypeId.SATELLITE,
21 
		             google.maps.MapTypeId.TERRAIN]
 25 
		             google.maps.MapTypeId.TERRAIN]
22 
	}
 26 
	}
23 
};
27 
};
24 
var ctaLayer = null;
 - 
 
25 
var osmMapType = new google.maps.ImageMapType({
 28 
var osmMapType = new google.maps.ImageMapType({
26 
	getTileUrl: function(coord, zoom) {
 29 
	getTileUrl: function(coord, zoom) {
27 
		return "http://tile.openstreetmap.org/" +
 30 
		return "http://tile.openstreetmap.org/" +
28 
		zoom + "/" + coord.x + "/" + coord.y + ".png";
 31 
		zoom + "/" + coord.x + "/" + coord.y + ".png";
29 
	},
 32 
	},
Line 31... Line 34...
31 
	isPng: true,
 34 
	isPng: true,
32 
	alt: "OpenStreetMap",
 35 
	alt: "OpenStreetMap",
33 
	name: "OSM",
 36 
	name: "OSM",
34 
	maxZoom: 19
 37 
	maxZoom: 19
35 
});
 38 
});
- 
 
 39 
var ctaLayer = null;
36 
var pagineur = {'limite':50, 'start':0, 'total':0, 'stationId':null, 'format':'tableau'};
 40 
var pagineur = {'limite':50, 'start':0, 'total':0, 'stationId':null, 'format':'tableau'};
37 
var station = {'commune':'', 'obsNbre':0};
 41 
var station = {'commune':'', 'obsNbre':0};
38 
var obsStation = new Array();
 42 
var obsStation = new Array();
39 
var obsPage = new Array();
 43 
var obsPage = new Array();
40 
var taxonsCarte = new Array();
 44 
var taxonsCarte = new Array();
- 
 
 45 
var mgr = null;
- 
 
 46 
var marqueursCache = new Array();
- 
 
 47 
var zonesCache = new Array();
41 
/*+--------------------------------------------------------------------------------------------------------+*/
 48 
/*+--------------------------------------------------------------------------------------------------------+*/
42 
// INITIALISATION DU CODE
 49 
// INITIALISATION DU CODE
Line 43... Line 50...
43 
 
 50 
 
44 
//Déclenchement d'actions quand JQuery et le document HTML sont OK
 51 
//Déclenchement d'actions quand JQuery et le document HTML sont OK
45 
$(document).ready(function() {
 52 
$(document).ready(function() {
46 
	initialiserWidget();
 53 
	initialiserWidget();
Line 47... Line 54...
47 
});
 54 
});
48 
 
 55 
 
49 
function initialiserWidget() {
 56 
function initialiserWidget() {
50 
	afficherStats();
 57 
	definirTailleTitre();
51 
	initialiserAffichageCarte();
 - 
 
52 
	initialiserAffichagePanneauLateral();
 58 
	initialiserAffichageCarte();
- 
 
 59 
	initialiserAffichagePanneauLateral();
53
60 
	initialiserCarte();
54 
	initialiserCarte();
 61 
	initialiserGestionnaireMarqueurs()
55 
	initialiserInfoBulle();
 62 
	initialiserInfoBulle();
56 
	initialiserFormulaireContact();
 63 
	initialiserFormulaireContact();
57 
	chargerLimitesCommunales();
 64 
	chargerLimitesCommunales();
Line 58... Line 65...
58 
	rafraichirCarte();
 65 
	rafraichirCarte();
59 
}
 66 
}
Line 60... Line 67...
60 
 
 67 
 
- 
 
 68 
/*+--------------------------------------------------------------------------------------------------------+*/
61 
/*+--------------------------------------------------------------------------------------------------------+*/
 69 
// AFFICHAGE GÉNÉRAL
- 
 
 70 
 
62 
// AFFICHAGE GÉNÉRAL
 71 
function afficherTitreCarte() {
- 
 
 72 
	if (stations != null && taxonsCarte.length > 0) {
63 
 
 73 
		var obsNbre = stations.stats.observations.formaterNombre();
- 
 
 74 
		var plteNbre = taxonsCarte.length.formaterNombre();
- 
 
 75 
		var communeNbre = stations.stats.communes.formaterNombre();
- 
 
 76
- 
 
 77 
		var titre = obsNbre+' observation';
- 
 
 78 
		titre += (obsNbre > 1) ? 's' : '' ;
- 
 
 79
- 
 
 80 
		if (nt == '*') {
- 
 
 81 
			titre += ' de '+plteNbre+' plante';
- 
 
 82 
			titre += (plteNbre > 1) ? 's' : '' ;
- 
 
 83 
		} else {
- 
 
 84 
			if (taxonsCarte[0]) {
- 
 
 85 
				var taxon = taxonsCarte[0];
- 
 
 86 
				titre += ' pour '+taxon.nom;
- 
 
 87 
			}
- 
 
 88 
		}
- 
 
 89
- 
 
 90 
		titre += ' sur '+communeNbre+' commune';
- 
 
 91 
		titre += (communeNbre > 1) ? 's' : '' ;
- 
 
 92
- 
 
 93 
		$('#carte-titre-infos').text(titre);
- 
 
 94 
	}
- 
 
 95 
}
- 
 
 96 
 
- 
 
 97 
function definirTailleTitre() {
- 
 
 98 
	var largeurViewPort = $(window).width();
- 
 
 99 
	var taille = null;
- 
 
 100 
	if (largeurViewPort < 400) {
- 
 
 101 
		taille = '0.8';
- 
 
 102 
	} else if (largeurViewPort >= 400 && largeurViewPort < 800) {
64 
function afficherStats() {
 103 
		taille = '1.0';
65 
	// Ajout du nombre de communes où des observations ont eu lieu
 104 
	} else if (largeurViewPort >= 800) {
Line 66... Line 105...
66 
	$('#commune-nbre').text(stations.stats.communes.formaterNombre());
 105 
		taille = '1.6';
67 
	// Ajout du nombre d'observations
 106 
	}
Line 68... Line 107...
68 
	$('#obs-nbre').text(stations.stats.observations.formaterNombre());
 107 
	$("#carte-titre").css('font-size', taille+'em');
69 
}
 108 
}
70 
 
 109 
 
71 
/*+--------------------------------------------------------------------------------------------------------+*/
 110 
/*+--------------------------------------------------------------------------------------------------------+*/
72 
// CARTE
 111 
// CARTE
73 
 
 112 
 
74 
function initialiserAffichageCarte() {
 113 
function initialiserAffichageCarte() {
75 
	$('#carte').height($(window).height() - 35);
 114 
	$('#carte').height($(window).height() - 35);
Line 84... Line 123...
84 
	map = new google.maps.Map(document.getElementById('carte'), carteOptions);
 123 
	map = new google.maps.Map(document.getElementById('carte'), carteOptions);
85 
	// Ajout de la couche OSM à la carte
 124 
	// Ajout de la couche OSM à la carte
86 
	map.mapTypes.set('OSM', osmMapType);
 125 
	map.mapTypes.set('OSM', osmMapType);
87 
}
 126 
}
Line -... Line 127...
- 
 
 127 
 
- 
 
 128 
function initialiserGestionnaireMarqueurs() {
- 
 
 129 
	mgr = new MarkerManager(map);
Line 88... Line 130...
88 
 
 130 
}
89 
 
 131 
 
90 
function chargerLimitesCommunales() {
 132 
function chargerLimitesCommunales() {
91 
	if (urlsLimitesCommunales != null) {
 133 
	if (urlsLimitesCommunales != null) {
92 
		for (urlId in urlsLimitesCommunales) {
134 
		for (urlId in urlsLimitesCommunales) {
93 
			var url = urlsLimitesCommunales[urlId];
 135 
			var url = urlsLimitesCommunales[urlId];
94 
			ctaLayer = new google.maps.KmlLayer(url, {preserveViewport: true});
 136 
			ctaLayer = new google.maps.KmlLayer(url, {preserveViewport: true});
95 
			ctaLayer.setMap(map);
 137 
			ctaLayer.setMap(map);
96 
		}
 138 
		}
97 
	}
 - 
 
- 
 
 139 
	}
- 
 
 140 
}
98 
}
 141 
var listener = null;
- 
 
 142 
var timer = null;
- 
 
 143 
function rafraichirCarte() {
- 
 
 144
- 
 
 145 
	listener = google.maps.event.addListener(map, 'bounds_changed', function(){
- 
 
 146
- 
 
 147 
		if(timer != null) {
- 
 
 148 
	        window.clearTimeout(timer);
- 
 
 149 
	    }
- 
 
 150
- 
 
 151 
		timer = window.setTimeout(function() {
- 
 
 152 
			var zoom = map.getZoom();
- 
 
 153 
			var NELatLng = map.getBounds().getNorthEast().lat()+'|'+map.getBounds().getNorthEast().lng();
- 
 
 154 
			var SWLatLng = map.getBounds().getSouthWest().lat()+'|'+map.getBounds().getSouthWest().lng();
- 
 
 155 
			chargerMarqueurs(zoom, NELatLng, SWLatLng);
- 
 
 156 
	    }, 300);
- 
 
 157 
	});
- 
 
 158 
}
- 
 
 159 
 
- 
 
 160 
function collecterBorduresEtChargerMarqueurs() {
- 
 
 161 
 
- 
 
 162 
}
- 
 
 163 
 
- 
 
 164 
var premierChargement = true;
- 
 
 165 
var marqueurs = new Array();
- 
 
 166 
function chargerMarqueurs(zoom, NELatLng, SWLatLng) {
- 
 
 167 
	google.maps.event.removeListener(listener);
- 
 
 168 
	var url = stationsUrl+
- 
 
 169 
		'&zoom='+zoom+
- 
 
 170 
		'&ne='+NELatLng+
- 
 
 171 
		'&sw='+SWLatLng;
- 
 
 172
- 
 
 173 
	$.getJSON(url, function(data) {
- 
 
 174
- 
 
 175 
		$.each(marqueurs, function(index, marqueur) {
- 
 
 176 
			marqueur.setMap(null);
- 
 
 177 
		});
- 
 
 178 
		marqueurs = new Array();
- 
 
 179
- 
 
 180 
		stations = data;
- 
 
 181 
		afficherTitreCarte();
- 
 
 182 
		/*if(premierChargement) {
- 
 
 183 
			var bounds = new google.maps.LatLngBounds();
- 
 
 184 
		}*/
- 
 
 185
- 
 
 186 
		$.each(stations.points, function (index, station) {
- 
 
 187
- 
 
 188 
			/*if(premierChargement) {
- 
 
 189 
				var maLatLng = null;
- 
 
 190 
				maLatLng = new google.maps.LatLng(station['lat'], station['lng']);
- 
 
 191 
				bounds.extend(maLatLng);
- 
 
 192 
			}*/
- 
 
 193
- 
 
 194 
			if(station != null) {
- 
 
 195 
				marqueurs.push(creerMarqueur(station));
- 
 
 196 
			}
- 
 
 197 
        });
- 
 
 198
- 
 
 199 
		/*if(premierChargement) {
- 
 
 200 
			map.fitBounds(bounds);
- 
 
 201 
			premierChargement = false;
- 
 
 202 
		}*/
- 
 
 203 
		rafraichirCarte();
- 
 
 204 
	});
- 
 
 205 
}
- 
 
 206 
 
- 
 
 207 
function creerMarqueur(station) {
- 
 
 208 
	var titre = station['nbreMarqueur'];
- 
 
 209 
	var icone = attribuerImageMarqueur(station['id'], station['nbreMarqueur']);
- 
 
 210 
	var latLng = new google.maps.LatLng(station['lat'], station['lng']);
- 
 
 211 
	var marqueur = new google.maps.Marker({
- 
 
 212 
		position: latLng,
- 
 
 213 
		icon: icone,
- 
 
 214 
		title: ''+titre,
- 
 
 215 
		map: map,
- 
 
 216 
		stationInfos: station
- 
 
 217 
	});
- 
 
 218 
	attribuerListenerClick(marqueur, station['id']);
- 
 
 219 
	marqueur.setMap(map);
- 
 
 220 
    return marqueur;
- 
 
 221 
}
- 
 
 222 
 
99 
 
 223 
function rafraichirCarteSauv() {
100 
function rafraichirCarte() {
 224
101 
	var points = [];
 225 
	var points = [];
- 
 
 226 
	var bounds = new google.maps.LatLngBounds();
102 
	var bounds = new google.maps.LatLngBounds();
 227 
	for (var i = 0; i < stations.points.length; ++i) {
103 
	for (var i = 0; i < stations.stats.communes; ++i) {
 228 
		var point = stations.points[i];
104 
		var maLatLng = new google.maps.LatLng(stations.points[i].coord_x, stations.points[i].coord_y);
 229 
		var maLatLng = new google.maps.LatLng(point.lat, point.lng);
105 
		var pointImage = new google.maps.MarkerImage(pointImageUrl, new google.maps.Size(24, 32));
 230 
		var stationImage = attribuerImageMarqueur(point.id);
106 
		var point = new google.maps.Marker({
 231 
		var point = new google.maps.Marker({
107 
			position: maLatLng,
 232 
			position: maLatLng,
108 
			map: map,
 233 
			map: map,
109 
			icon: pointImage,
 234 
			icon: stationImage,
110 
			stationId: stations.points[i].id
 - 
 
111 
		});
 235 
			stationInfos: point
112 
 
 - 
 
113 
		bounds.extend(maLatLng);
 236 
		});
114
- 
 
115 
		google.maps.event.addListener(point, 'click', function() {
 - 
 
116 
			pointClique =  this;
 - 
 
117 
			infoBulle.open(map, this);
 - 
 
118
- 
 
119 
			var limites = map.getBounds();
 - 
 
120 
			var centre = limites.getCenter();
 - 
 
121 
			var nordEst = limites.getNorthEast();
 - 
 
122 
			var centreSudLatLng = new google.maps.LatLng(nordEst.lat(), centre.lng());
 - 
 
123 
			map.panTo(centreSudLatLng);
 - 
 
124
- 
 
125 
			afficherInfoBulle();
 - 
 
126 
			chargerObs(0, 0);
 - 
 
127 
		});
 237 
		bounds.extend(maLatLng);
128
238 
		google.maps.event.addListener(point, 'click', surClickMarqueur);
Line 129... Line 239...
129 
		points.push(point);
 239 
		points.push(point);
130 
	}
 240 
	}
Line 135... Line 245...
135 
	}
 245 
	}
Line 136... Line 246...
136
246
137 
	executerMarkerClusterer(points, bounds);
 247 
	executerMarkerClusterer(points, bounds);
Line -... Line 248...
- 
 
 248 
}
- 
 
 249 
 
- 
 
 250 
function attribuerImageMarqueur(id, nbreMarqueur) {
- 
 
 251 
	var marqueurImage = null;
- 
 
 252 
	if (etreMarqueurCommune(id)) {
- 
 
 253 
		marqueurImage = new google.maps.MarkerImage(communeImageUrl, new google.maps.Size(24, 32));
- 
 
 254 
	} else if (etreMarqueurStation(id)) {
- 
 
 255 
		marqueurImage = new google.maps.MarkerImage(pointImageUrl, new google.maps.Size(16, 16));
- 
 
 256 
	} else if (etreMarqueurGroupe(id)) {
- 
 
 257 
		var type = 0;
- 
 
 258 
		var largeur = 0;
- 
 
 259 
		var hauteur = 0;
- 
 
 260 
		if (nbreMarqueur != null) {
- 
 
 261 
			if (nbreMarqueur >= 2 && nbreMarqueur < 100 ) {
- 
 
 262 
				type = '1';
- 
 
 263 
				largeur = 53;
- 
 
 264 
				hauteur = 52;
- 
 
 265 
			} else if (nbreMarqueur >= 100 && nbreMarqueur < 1000 ) {
- 
 
 266 
				type = '2';
- 
 
 267 
				largeur = 56;
- 
 
 268 
				hauteur = 55;
- 
 
 269 
			} else if (nbreMarqueur >= 1000 && nbreMarqueur < 10000 ) {
- 
 
 270 
				type = '3';
- 
 
 271 
				largeur = 66;
- 
 
 272 
				hauteur = 65;
- 
 
 273 
			} else if (nbreMarqueur >= 10000 && nbreMarqueur < 20000 ) {
- 
 
 274 
				type = '4';
- 
 
 275 
				largeur = 78;
- 
 
 276 
				hauteur = 77;
- 
 
 277 
			} else if (nbreMarqueur >= 20000) {
- 
 
 278 
				type = '5';
- 
 
 279 
				largeur = 66;
- 
 
 280 
				hauteur = 65;
- 
 
 281 
			}
- 
 
 282 
		}
- 
 
 283 
		groupeImageUrl = groupeImageUrlTpl.replace(/\{type\}/, type);
- 
 
 284 
		groupeImageUrl = groupeImageUrl.replace(/\{nbre\}/, nbreMarqueur);
- 
 
 285 
		marqueurImage = new google.maps.MarkerImage(groupeImageUrl, new google.maps.Size(largeur, hauteur));
- 
 
 286 
	}
- 
 
 287 
	return marqueurImage
- 
 
 288 
}
- 
 
 289 
 
- 
 
 290 
function attribuerListenerClick(marqueur, id) {
- 
 
 291 
	if (etreMarqueurCommune(id) || etreMarqueurStation(id)) {
- 
 
 292 
		google.maps.event.addListener(marqueur, 'click', surClickMarqueur);
- 
 
 293 
	} else if (etreMarqueurGroupe(id)) {
- 
 
 294 
		google.maps.event.addListener(marqueur, 'click', surClickGroupe);
- 
 
 295 
	}
- 
 
 296 
}
- 
 
 297 
 
- 
 
 298 
function surClickMarqueur() {
- 
 
 299 
	pointClique =  this;
- 
 
 300 
	infoBulle.open(map, this);
- 
 
 301 
	//centrerInfoBulle();
- 
 
 302 
	actualiserPagineur();
- 
 
 303 
	afficherInfoBulle();
- 
 
 304 
	chargerObs(0, 0);
- 
 
 305 
}
- 
 
 306 
 
- 
 
 307 
function surClickGroupe() {
- 
 
 308 
	map.setCenter(this.getPosition());
- 
 
 309 
	var nouveauZoom = map.getZoom() + 2;
- 
 
 310 
	map.setZoom(nouveauZoom);
- 
 
 311 
	mgr.clearMarkers();
- 
 
 312 
}
- 
 
 313 
 
- 
 
 314 
function etreMarqueurGroupe(id) {
- 
 
 315 
	var groupe = false;
- 
 
 316 
	var motif = /^GROUPE/;
- 
 
 317 
	if (motif.test(id)) {
- 
 
 318 
		groupe = true;
- 
 
 319 
	}
- 
 
 320 
	return groupe;
- 
 
 321 
}
- 
 
 322 
 
- 
 
 323 
function etreMarqueurCommune(id) {
- 
 
 324 
	var commune = false;
- 
 
 325 
	var motif = /^COMMUNE:/;
- 
 
 326 
	if (motif.test(id)) {
- 
 
 327 
		commune = true;
- 
 
 328 
	}
- 
 
 329 
	return commune;
- 
 
 330 
}
- 
 
 331 
 
- 
 
 332 
function etreMarqueurStation(id) {
- 
 
 333 
	var station = false;
- 
 
 334 
	var motif = /^STATION:/;
- 
 
 335 
	if (motif.test(id)) {
- 
 
 336 
		station = true;
- 
 
 337 
	}
- 
 
 338 
	return station;
138 
}
 339 
}
139 
 
 340 
 
140 
function deplacerCartePointClique() {
 341 
function deplacerCarteSurPointClique() {
Line 141... Line 342...
141 
	map.panTo(pointClique.position);
 342 
	map.panTo(pointClique.position);
142 
}
 343 
}
143 
 
 344 
 
144 
function executerMarkerClusterer(points, bounds) {
 345 
function executerMarkerClusterer(points, bounds) {
145 
	if (markerClusterer) {
 346 
	if (markerClusterer) {
146 
		markerClusterer.clearMarkers();
 347 
		markerClusterer.clearMarkers();
147 
	}
 348 
	}
Line 148... Line 349...
148 
	markerClusterer = new MarkerClusterer(map, points);
 349 
	markerClusterer = new MarkerClusterer(map, points, {gridSize: 50, maxZoom: 18});
149 
	map.fitBounds(bounds);
 350 
	map.fitBounds(bounds);
Line 150... Line 351...
150 
}
 351 
}
151 
 
 352 
 
152 
/*+--------------------------------------------------------------------------------------------------------+*/
 353 
/*+--------------------------------------------------------------------------------------------------------+*/
- 
 
 354 
// INFO BULLE
- 
 
 355 
 
- 
 
 356 
function initialiserInfoBulle() {
- 
 
 357 
	google.maps.event.addListener(infoBulle, 'domready', initialiserContenuInfoBulle);
- 
 
 358 
	google.maps.event.addListener(infoBulle, 'closeclick', surFermetureInfoBulle);
- 
 
 359 
	google.maps.event.addListener(infoBulle, 'content_changed', definirLargeurInfoBulle);
- 
 
 360 
}
- 
 
 361 
 
- 
 
 362 
function surFermetureInfoBulle() {
- 
 
 363 
	//deplacerCarteSurPointClique();
- 
 
 364 
}
- 
 
 365 
 
- 
 
 366 
function centrerInfoBulle() {
153 
// INFO BULLE
 367 
	var limites = map.getBounds();
Line 154... Line 368...
154 
 
 368 
	var centre = limites.getCenter();
155 
function initialiserInfoBulle() {
 369 
	var nordEst = limites.getNorthEast();
- 
 
 370 
	var centreSudLatLng = new google.maps.LatLng(nordEst.lat(), centre.lng());
- 
 
 371 
	map.panTo(centreSudLatLng);
156 
	google.maps.event.addListener(infoBulle, 'domready', initialiserContenuInfoBulle);
 372 
}
157 
	google.maps.event.addListener(infoBulle, 'closeclick', deplacerCartePointClique);
 373 
 
Line -... Line 374...
- 
 
 374 
function afficherInfoBulle() {
- 
 
 375 
	var obsHtml = $("#tpl-obs").html();
- 
 
 376 
	var largeur = definirLargeurInfoBulle();
- 
 
 377 
	obsHtml = obsHtml.replace(/\{largeur\}/, largeur);
- 
 
 378 
	infoBulle.setContent(obsHtml);
- 
 
 379 
}
- 
 
 380 
 
- 
 
 381 
function definirLargeurInfoBulle() {
- 
 
 382 
	var largeurViewPort = $(window).width();
- 
 
 383 
	var lageurInfoBulle = null;
- 
 
 384 
	if (largeurViewPort < 800) {
- 
 
 385 
		largeurInfoBulle = 400;
- 
 
 386 
	} else if (largeurViewPort >= 800 && largeurViewPort < 1200) {
158 
}
 387 
		largeurInfoBulle = 500;
159 
 
 388 
	} else if (largeurViewPort >= 1200) {
160 
function afficherInfoBulle() {
 389 
		largeurInfoBulle = 600;
161 
	var obsHtml = $("#tpl-obs").html();
 390 
	}
162 
	infoBulle.setContent(obsHtml);
 391 
	return largeurInfoBulle;
Line 178... Line 407...
178 
		if (depart == 0) {
 407 
		if (depart == 0) {
179 
			obsStation = new Array();
 408 
			obsStation = new Array();
180 
		}
 409 
		}
181 
		//console.log("Chargement de "+depart+" à "+(depart+limite));
 410 
		//console.log("Chargement de "+depart+" à "+(depart+limite));
182 
		var urlObs = observationsUrl+'&start={start}&limit='+limite;
 411 
		var urlObs = observationsUrl+'&start={start}&limit='+limite;
183 
		urlObs = urlObs.replace(/\{stationId\}/g, pointClique.stationId);
 412 
		urlObs = urlObs.replace(/\{stationId\}/g, pointClique.stationInfos.id);
184 
		urlObs = urlObs.replace(/\{nt\}/g, nt);
 413 
		urlObs = urlObs.replace(/\{nt\}/g, nt);
185 
		urlObs = urlObs.replace(/\{start\}/g, depart);
 414 
		urlObs = urlObs.replace(/\{start\}/g, depart);
Line 186... Line 415...
186
415
187 
		$.getJSON(urlObs, function(observations){
 416 
		$.getJSON(urlObs, function(observations){
188 
			obsStation = obsStation.concat(observations.observations);
 - 
 
189 
			if (depart == 0) {
 - 
 
190 
				actualiserInfosStation(observations);
 - 
 
191 
				actualiserPagineur();
 - 
 
192 
				creerTitreInfoBulle();
 - 
 
193 
			}
 - 
 
194 
			//console.log("Chargement ok");
 417 
			obsStation = obsStation.concat(observations.observations);
195 
			chargerObs(depart+limite, station.obsNbre);
 418 
			chargerObs(depart+limite, pointClique.stationInfos.nbre);
196 
		});
 419 
		});
197 
	} else {
 420 
	} else {
198 
		if (pagineur.limite < total) {
 421 
		if (pagineur.limite < total) {
- 
 
 422 
			afficherPagination();
199 
			afficherPagination();
 423 
			surClicPagePagination(0, null);
200 
		} else {
 424 
		} else {
201 
			surClicPagePagination(0, null);
 425 
			surClicPagePagination(0, null);
202 
			selectionnerOnglet("#obs-vue-"+pagineur.format);
 426 
			selectionnerOnglet("#obs-vue-"+pagineur.format);
203 
		}
 427 
		}
204 
	}
 428 
	}
Line 205... Line -...
205 
}
 - 
 
206 
 
 - 
 
207 
function actualiserInfosStation(infos) {
 - 
 
208 
	station.commune = infos.commune;
 - 
 
209 
	station.obsNbre = infos.total;
 - 
 
210 
}
 429 
}
211 
 
 430 
 
212 
function actualiserPagineur() {
 431 
function actualiserPagineur() {
213 
	pagineur.stationId = pointClique.stationId;
 - 
 
214 
	pagineur.total = station.obsNbre;
 432 
	pagineur.stationId = pointClique.stationInfos.id;
215 
	//console.log("Total pagineur: "+pagineur.total);
 433 
	pagineur.total = pointClique.stationInfos.nbre;
216 
	if (pagineur.total > 4) {
 434 
	if (pagineur.total > 4) {
217 
		pagineur.format = 'tableau';
 435 
		pagineur.format = 'tableau';
218 
	} else {
 436 
	} else {
Line 258... Line 476...
258 
	if (pagineur.format == 'liste') {
 476 
	if (pagineur.format == 'liste') {
259 
		ajouterGaleriePhoto("a.cel-img");
 477 
		ajouterGaleriePhoto("a.cel-img");
260 
	}
 478 
	}
261 
}
 479 
}
Line 262... Line 480...
262 
 
 480 
 
- 
 
 481 
function afficherTitreInfoBulle() {
- 
 
 482 
	var titre = '';
- 
 
 483 
	titre += pointClique.stationInfos.nbre+' observation';
- 
 
 484 
	titre += (pointClique.stationInfos.nbre > 1) ? 's': '' ;
- 
 
 485 
	titre += ' pour ';
- 
 
 486 
	if (etreMarqueurCommune(pointClique.stationInfos.id)) {
- 
 
 487 
		nomStation = 'la commune : ';
- 
 
 488 
	} else {
- 
 
 489 
		nomStation = 'la station : ';
263 
function creerTitreInfoBulle() {
 490 
	}
264 
	$("#obs-total").text(station.obsNbre);
 491 
	titre += pointClique.stationInfos.nom;
265 
	$("#obs-commune").text(station.commune);
492 
	$("#obs-station-titre").text(titre);
Line 266... Line 493...
266 
}
 493 
}
267 
 
 494 
 
268 
function initialiserContenuInfoBulle() {
 495 
function initialiserContenuInfoBulle() {
- 
 
 496 
	afficherTitreInfoBulle();
- 
 
 497 
	afficherMessageChargement('#observations');
269 
	afficherOnglets();
 498 
	cacherContenuOnglets();
270 
	afficherMessageChargement('#observations');
 499 
	afficherOnglets();
271 
	ajouterTableauTriable("#obs-tableau");
 500 
	ajouterTableauTriable("#obs-tableau");
272 
	afficherTextStationId();
 501 
	afficherTextStationId();
Line -... Line 502...
- 
 
 502 
	corrigerLargeurInfoWindow();
- 
 
 503 
}
- 
 
 504 
 
- 
 
 505 
function cacherContenuOnglets() {
- 
 
 506 
	$("#obs-vue-tableau").css("display", "none");
273 
	corrigerLargeurInfoWindow();
 507 
	$("#obs-vue-liste").css("display", "none");
274 
}
 508 
}
275 
 
 509 
 
276 
function afficherOnglets() {
 510 
function afficherOnglets() {
277 
	var $tabs = $('#obs').tabs();
 511 
	var $tabs = $('#obs').tabs();
278 
	$('#obs').bind('tabsselect', function(event, ui) {
 512 
	$('#obs').bind('tabsselect', function(event, ui) {
279 
		if (ui.panel.id == 'obs-vue-tableau') {
 513 
		if (ui.panel.id == 'obs-vue-tableau') {
280 
			surClicAffichageTableau();
 514 
			surClicAffichageTableau();
281 
		} else if (ui.panel.id == 'obs-vue-liste') {
 515 
		} else if (ui.panel.id == 'obs-vue-liste') {
- 
 
 516 
			surClicAffichageListe();
282 
			surClicAffichageListe();
 517 
		}
- 
 
 518 
	});
- 
 
 519 
	if (pointClique.stationInfos.nbre > 4) {
- 
 
 520 
		$tabs.tabs('select', "#obs-vue-tableau");
- 
 
 521 
	} else {
283 
		}
 522 
		$tabs.tabs('select', "#obs-vue-liste");
Line 284... Line 523...
284 
	});
 523 
	}
- 
 
 524
285 
	$tabs.tabs('select', "#obs-vue-"+pagineur.format);
 525 
}
286 
}
 526 
 
Line 287... Line 527...
287 
 
 527 
function selectionnerOnglet(onglet) {
288 
function selectionnerOnglet(onglet) {
 528 
	$(onglet).css('display', 'block');
289 
	$('#obs').tabs('select', onglet);
 529 
	$('#obs').tabs('select', onglet);
Line 290... Line 530...
290 
}
 530 
}
291 
 
 531 
 
292 
function afficherTextStationId() {
 532 
function afficherTextStationId() {
Line 293... Line 533...
293 
	$('#obs-station-id').text(pointClique.stationId);
 533 
	$('#obs-station-id').text(pointClique.stationInfos.id);
294 
}
 - 
 
295 
 
 534 
}
296 
function corrigerLargeurInfoWindow() {
 535 
 
297 
	$("#info-bulle").width($("#info-bulle").width() - 17);
 536 
function corrigerLargeurInfoWindow() {
298 
}
 537 
	$("#info-bulle").width($("#info-bulle").width() - 17);
Line 299... Line 538...
299 
 
 538 
}
300 
function surClicAffichageTableau(event) {
 - 
 
301 
	//console.log('tableau');
 539 
 
302 
	pagineur.format = 'tableau';
 540 
function surClicAffichageTableau(event) {
303 
	mettreAJourObservations();
 541 
	pagineur.format = 'tableau';
304 
	mettreAJourTableauTriable("#obs-tableau");
 542 
	mettreAJourObservations();
Line 409... Line 647...
409 
		}
 647 
		}
410 
	});
 648 
	});
411 
}
 649 
}
Line 412... Line 650...
412 
 
 650 
 
413 
function chargerInfoObsPourMessage(idObs) {
 651 
function chargerInfoObsPourMessage(idObs) {
414 
	var nomSci = trim($(".cel-obs-"+idObs+" .nom-sci:eq(0)").text());
 652 
	var nomSci = jQuery.trim($(".cel-obs-"+idObs+" .nom-sci:eq(0)").text());
415 
	var date = trim($(".cel-obs-"+idObs+" .date:eq(0)").text());
 653 
	var date = jQuery.trim($(".cel-obs-"+idObs+" .date:eq(0)").text());
416 
	var lieu = trim($(".cel-obs-"+idObs+" .lieu:eq(0)").text());
 654 
	var lieu = jQuery.trim($(".cel-obs-"+idObs+" .lieu:eq(0)").text());
417 
	var sujet = "Observation #"+idObs+" de "+nomSci;
 655 
	var sujet = "Observation #"+idObs+" de "+nomSci;
418 
	var message = "\n\n\n\n\n\n\n\n--\nConcerne l'observation de \""+nomSci+'" du "'+date+'" au lieu "'+lieu+'".';
 656 
	var message = "\n\n\n\n\n\n\n\n--\nConcerne l'observation de \""+nomSci+'" du "'+date+'" au lieu "'+lieu+'".';
419 
	$("#fc_sujet").attr('value', sujet);
 657 
	$("#fc_sujet").attr('value', sujet);
420 
	$("#fc_message").text(message);
 658 
	$("#fc_message").text(message);
Line 447... Line 685...
447 
		var donnees = new Array();
 685 
		var donnees = new Array();
448 
		$.each($(this).serializeArray(), function (index, champ) {
 686 
		$.each($(this).serializeArray(), function (index, champ) {
449 
			var cle = champ.name;
 687 
			var cle = champ.name;
450 
			cle = cle.replace(/^fc_/, '');
 688 
			cle = cle.replace(/^fc_/, '');
Line 451... Line 689...
451
689
452 
			if (cle = 'sujet') {
 690 
			if (cle == 'sujet') {
453 
				champ.value += " - Carnet en ligne - Tela Botanica";
 691 
				champ.value += " - Carnet en ligne - Tela Botanica";
454 
			}
 692 
			}
455 
			if (cle == 'message') {
 693 
			if (cle == 'message') {
456 
				champ.value += "\n--\n"+
 694 
				champ.value += "\n--\n"+
457 
					"Ce message vous est envoyé par l'intermédiaire du widget Cartographique "+
 695 
					"Ce message vous est envoyé par l'intermédiaire du widget carto "+
458 
					"du Carnet en Ligne du réseau Tela Botanica.\n"+
 696 
					"du Carnet en Ligne du réseau Tela Botanica.\n"+
459 
					"http://www.tela-botanica.org/widget:cel:carto";
 697 
					"http://www.tela-botanica.org/widget:cel:carto";
Line 460... Line 698...
460 
			}
 698 
			}
Line 494... Line 732...
494 
				if (erreurMsg != '') {
 732 
				if (erreurMsg != '') {
495 
					$("#fc-zone-dialogue").append('<p class="msg">'+
 733 
					$("#fc-zone-dialogue").append('<p class="msg">'+
496 
							'Une erreur est survenue lors de la transmission de votre message.'+'<br />'+
 734 
							'Une erreur est survenue lors de la transmission de votre message.'+'<br />'+
497 
							'Vous pouvez signaler le disfonctionnement à <a href="'+
 735 
							'Vous pouvez signaler le disfonctionnement à <a href="'+
498 
							'mailto:cel@tela-botanica.org'+'?'+
 736 
							'mailto:cel@tela-botanica.org'+'?'+
499 
							'subject=Disfonctionnement du widget de Cartographie'+
 737 
							'subject=Disfonctionnement du widget carto'+
500 
							"&body="+erreurMsg+"\nDébogage :\n"+debugMsg+
 738 
							"&body="+erreurMsg+"\nDébogage :\n"+debugMsg+
501 
							'">cel@tela-botanica.org</a>.'+
 739 
							'">cel@tela-botanica.org</a>.'+
502 
							'</p>');
 740 
							'</p>');
503 
				}
 741 
				}
504 
				if (DEBUG) {
 742 
				if (DEBUG) {
Line 536... Line 774...
536 
			chargerTaxons(depart+limite, infos.total);
 774 
			chargerTaxons(depart+limite, infos.total);
537 
		});
 775 
		});
538 
	} else {
 776 
	} else {
539 
		if (nt == '*') {
 777 
		if (nt == '*') {
540 
			afficherTaxons();
 778 
			afficherTaxons();
541 
		} else {
 - 
 
542 
			afficherNomPlante();
 - 
 
543 
		}
 779 
		}
- 
 
 780 
		afficherTitreCarte();
544 
	}
 781 
	}
545 
}
 782 
}
Line 546... Line 783...
546 
 
 783 
 
547 
function afficherTaxons() {
 - 
 
548 
	// Ajout du nombre de plantes au titre
 784 
function afficherTaxons() {
549 
	$('.plantes-nbre').text(taxonsCarte.length.formaterNombre());
 - 
 
550
785 
	$(".plantes-nbre").text(taxonsCarte.length);
551 
	$("#tpl-taxons-liste").tmpl({'taxons':taxonsCarte}).appendTo("#pl-corps");
 786 
	$("#tpl-taxons-liste").tmpl({'taxons':taxonsCarte}).appendTo("#pl-corps");
552 
	$('.taxon').live('click', filtrerParTaxon);
 787 
	$('.taxon').live('click', filtrerParTaxon);
Line 553... Line -...
553 
}
 - 
 
554 
 
 - 
 
555 
function afficherNomPlante() {
 - 
 
556 
	if (nt != '*') {
 - 
 
557 
		var taxon = taxonsCarte[0];
 - 
 
558 
		$('.plante-titre').text('pour '+taxon.nom);
 - 
 
Line 559... Line 788...
559 
	}
 788 
}
560 
}
 789 
 
561 
 
 790 
 
562 
function afficherPanneauLateral() {
 791 
function afficherPanneauLateral() {
Line 577... Line 806...
577 
	$('#carte').css('left', '24px');
 806 
	$('#carte').css('left', '24px');
Line 578... Line 807...
578
807
579 
	google.maps.event.trigger(map, 'resize');
 808 
	google.maps.event.trigger(map, 'resize');
Line 580... Line -...
580 
};
 - 
 
581 
 
 - 
 
582 
function ouvrirPopUp(url, nom) {
 - 
 
583 
	window.open(url, nom, 'scrollbars=yes,width=650,height=600,directories=no,location=no,menubar=no,status=no,toolbar=no');
 - 
 
584 
};
 809 
};
585 
 
 810 
 
586 
function filtrerParTaxon() {
 811 
function filtrerParTaxon() {
587 
	var ntAFiltrer = $('.nt', this).text();
 812 
	var ntAFiltrer = $('.nt', this).text();
588 
	infoBulle.close();
 813 
	infoBulle.close();
589 
	$('#taxon-'+nt).removeClass('taxon-actif');
 814 
	$('#taxon-'+nt).removeClass('taxon-actif');
590 
	if (nt == ntAFiltrer) {
 815 
	if (nt == ntAFiltrer) {
591 
		nt = '*';
 816 
		nt = '*';
592 
		executerMarkerClusterer(pointsOrigine, boundsOrigine);
 817 
		executerMarkerClusterer(pointsOrigine, boundsOrigine);
593 
	} else {
 - 
 
594 
		var url = stationsUrl.replace(/num_taxon=[*0-9]+/, 'num_taxon='+ntAFiltrer)+
 - 
 
595 
			'&formatRetour=jsonP'+
 818 
	} else {
596 
			'&callback=?';
 819 
		var url = stationsUrl.replace(/num_taxon=[*0-9]+/, 'num_taxon='+ntAFiltrer);
597 
		$.getJSON(url, function (stationsFiltrees) {
 820 
		$.getJSON(url, function (stationsFiltrees) {
598 
			stations = stationsFiltrees;
 821 
			stations = stationsFiltrees;
599 
			nt = ntAFiltrer;
 822 
			nt = ntAFiltrer;
Line 604... Line 827...
604 
};
 827 
};
Line 605... Line 828...
605 
 
 828 
 
606 
/*+--------------------------------------------------------------------------------------------------------+*/
 829 
/*+--------------------------------------------------------------------------------------------------------+*/
Line -... Line 830...
- 
 
 830 
// FONCTIONS UTILITAIRES
- 
 
 831 
 
- 
 
 832 
function ouvrirPopUp(element, nomPopUp, event) {
- 
 
 833 
	var options =
- 
 
 834 
		'width=650,'+
- 
 
 835 
		'height=600,'+
- 
 
 836 
		'scrollbars=yes,'+
- 
 
 837 
		'directories=no,'+
- 
 
 838 
		'location=no,'+
- 
 
 839 
		'menubar=no,'+
- 
 
 840 
		'status=no,'+
- 
 
 841 
		'toolbar=no';
- 
 
 842 
	var popUp = window.open(element.href, nomPopUp, options);
- 
 
 843 
	if (window.focus) {
- 
 
 844 
		popUp.focus();
- 
 
 845 
	}
- 
 
 846 
	return arreter(event);
- 
 
 847 
};
- 
 
 848 
 
- 
 
 849 
function ouvrirNouvelleFenetre(element, event) {
- 
 
 850 
	window.open(element.href);
- 
 
 851 
	return arreter(event);
607 
// FONCTIONS UTILITAIRES
 852 
}
608 
 
 853 
 
609 
function arreter(event) {
 854 
function arreter(event) {
610 
	if (event.stopPropagation) {
 855 
	if (event.stopPropagation) {
611 
		event.stopPropagation();
 856 
		event.stopPropagation();
612 
	} else if (window.event) {
 857 
	} else if (window.event) {
- 
 
 858 
		window.event.cancelBubble = true;
- 
 
 859 
	}
- 
 
 860 
	if (event.preventDefault) {
- 
 
 861 
		event.preventDefault();
613 
		window.event.cancelBubble = true;
 862 
	}
614 
	}
 863 
	event.returnValue = false;
Line 615... Line 864...
615 
	return false;
 864 
	return false;
616 
}
 865 
}
Line 698... Line 947...
698 
		});
 947 
		});
699 
	} else {
 948 
	} else {
700 
		msg = "La variable vaut null.";
 949 
		msg = "La variable vaut null.";
701 
	}
 950 
	}
702 
	console.log(msg);
 951 
	console.log(msg);
703 
}
 - 
 
704 
 
 - 
 
705 
function trim (chaine) {
 - 
 
706 
	return chaine.replace(/^\s+/g, '').replace(/\s+$/g, '');
 - 
 
707 
}
 952 
}
708 

            953