Subversion Repositories eFlore/Applications.coel

var map = null,

optionsCoucheOSM = {

	attribution: 'Map data &copy; <a href="http://openstreetmap.org">OpenStreetMap</a> contributors,'

	+ ' <a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>',

	maxZoom: 18

},

optionsCoucheGoogle = {

	attribution: 'Map data &copy;'+new Date().getFullYear()+' <a href="http://maps.google.com">Google</a>',

	maxZoom: 18

},

coucheOSM = new L.TileLayer("http://osm.tela-botanica.org/tuiles/osmfr/{z}/{x}/{y}.png",

		optionsCoucheOSM),

coucheSatellite = new L.TileLayer("http://mt1.google.com/vt/lyrs=y@218131653&hl=fr&src=app&x={x}&y={y}&z={z}",

	optionsCoucheGoogle),

optionsCarte = {

	center : new L.LatLng(46, 2),

	zoom : 6,

	layers : [coucheOSM]

};

var xmlHttpRequest = null,

	nombreCollections = 0,

	collections = new Array(),

	structures = new Array(),

	coucheStructures = new L.MarkerClusterGroup({

		disableClusteringAtZoom : 10

	}),

	infoBulle = null,

	chargementEnCours = false;

$(document).ready(function() {

	dimensionnerCarte();

	initialiserCarte();

	initialiserPanneauControle();

	$.ajax({

		dataType: "json",

		url: urlWebService + "CoelRecherche/Nombre/*/*/*/*/*/*/*/" + departement + "/*/",

		data: { formatRetour: "text/plain", pays: pays},

		async: false

	}).complete(function(msg) {

		if (! estStatutRequeteOK(msg.status)) {

			alert(msg.responseText);

			return;

		}

		nombreCollections = parseInt(msg.responseText);

	});

	chargerStructures();

});

$(window).resize(function() {

	dimensionnerCarte();

});

function dimensionnerCarte() {

	$("#map").width($(window).width());

	$("#map").height($(window).height());

}

function initialiserCarte() {

	map = L.map('map', optionsCarte);

	coucheOSM.addTo(map);

	coucheStructures.addTo(map);

	map.on('zoomend', function() {

		// controle sur le niveau de zoom uniquement a la fin du placement des structures sur la carte

		if (chargementEnCours) {

			chargementEnCours = false;

			verifierZoom();

		}

	});

}

function initialiserPanneauControle() {

	var baseMaps = {

		"Plan" : coucheOSM,

		"Satellite" : coucheSatellite

	};

	var overlayMaps = {

		"Structures" : coucheStructures

	};

	L.control.layers(baseMaps, overlayMaps).addTo(map);

}

function recupererValeurNombreCollections() {

}

function chargerStructures() {

	if (requeteEnCours()) {

		window.setTimeout('chargerStructures()', 400);

		return;

	}

	chargementEnCours = true;

	$.ajax({

		dataType: "json",

		url: urlWebService + "CoelRecherche/ParDefaut/*/*/*/*/*/*/*/" + departement + "/*/",

		data: { limit: nombreCollections, pays: pays},

		async: true

	}).complete(function(msg) {

		if (!estStatutRequeteOK(msg.status)) {

			alert(msg.responseText);

			return;

		}

		collections = eval("(function(){return " + msg.responseText + ";})()");

		ordonnerCollectionsParStructures();

		chargerLocalisations();

	});

}

function requeteEnCours() {

	return (xmlHttpRequest != null && xmlHttpRequest.readyState != 4);

}

function estStatutRequeteOK(x_status) {

	return (x_status == 200 || x_status == 304 || x_status == 0);

}

function ordonnerCollectionsParStructures() {

	for (var index = 0; index < collections.length; index ++) {

		var indexStructure = 0;

		while (indexStructure < structures.length && structures[indexStructure].id != collections[index].cs_id_structure) {

			indexStructure ++;

		}

		if (indexStructure == structures.length) {

			var structure = {

				"id"    : collections[index].cs_id_structure,

				"nom"   : collections[index].cs_nom,

				"ville" : collections[index].cs_ville,

				"code_postal" : collections[index].cs_code_postal,

				"longitude"   : collections[index].cs_longitude,

				"latitude"    : collections[index].cs_latitude,

				"collections" : new Array()

			};

			structures.push(structure);

		}

		var collection = {

			"id"  : collections[index].cc_id_collection,

			"nom" : collections[index].cc_nom

		};

		structures[indexStructure].collections.push(collection);

	}

}

function chargerLocalisations() {

	var nombreStructuresAffichees = 0;

	for (var index = 0; index < structures.length; index ++) {

		if ((structures[index].longitude != null && structures[index].longitude != "")

			&& (structures[index].latitude != null && structures[index].latitude != "")) {

			var existeMarqueur = rechercherExistenceMarqueur(structures[index].longitude, structures[index].latitude);

			if (existeMarqueur == null) {

				creerMarqueur(structures[index]);

				nombreStructuresAffichees ++;

			} else {

				ajouterStructureAMarqueur(existeMarqueur, structures[index]);

			}

		}

	}

	if (nombreStructuresAffichees > 0) {

		map.fitBounds(coucheStructures.getBounds());

	}

}

function rechercherExistenceMarqueur(longitude, latitude) {

	var existeMarqueur = null;

	coucheStructures.eachLayer(function(layer) {

		if (layer.getLatLng().lat == latitude && layer.getLatLng().lng == longitude) {

			existeMarqueur = layer;

		}

	});

	return existeMarqueur;

}

function creerMarqueur(structure) {

	var latlng = new L.LatLng(structure.latitude, structure.longitude);

	var marqueur = new L.Marker(latlng, {

		structures : [structure],

		structuresNom : structure.nom

	});

	marqueur.on('click', surClickMarqueur);

	marqueur.on('mouseover', construireToolTipMarqueur);

	coucheStructures.addLayer(marqueur);

}

function construireToolTipMarqueur(event) {

	// changer la propriété title du marqueur ne fonctionne pas

	// en dehors du constructeur (mais cette méthode est-elle pérenne ?)

	// le clustering n'affichant pas tous les marqueurs, on doit remplir le tooltip

	event.target._icon.title = event.target.options.structuresNom;

}

function ajouterStructureAMarqueur(marqueur, structure) {

	marqueur.options.structures.push(structure);

	marqueur.options.structuresNom += "\n"+structure.nom;

}

function surClickMarqueur(event) {

	var latlng = event.target.getLatLng();

	var structures = event.target.options.structures;

	afficherCollections(structures, latlng);

}

function afficherCollections(structures, latlng) {

	masquerInfoBulle();

	infoBulle = new L.Popup({maxWidth : 0.25*$(window).width(), maxHeight : 0.35*$(window).height()});

	infoBulle.setLatLng(latlng);

	infoBulle.openOn(map);

	remplirContenuPopup(structures);

	$("a").css("color", "#598000");

	map.setView(latlng, map.getZoom());

}

function masquerInfoBulle() {

	if (infoBulle != null && map.hasLayer(infoBulle)) {

		map.removeLayer(infoBulle);

	}

	infoBulle = null;

}

function remplirContenuPopup(structures) {

	$("#structure").empty();

	var entetePopup = {

		"ville" : structures[0].ville,

		"code_postal" : structures[0].code_postal

	}

	$("#tpl-structure-entete").tmpl(entetePopup).appendTo($("#structure"));

	$.each(structures, function(index, structure) {

		var structureAjout = {

			"id"    : structure.id,

			"nom"   : structure.nom,

			"ville" : structure.ville,

			"code_postal" : structure.code_postal,

			"collections" : structure.collections

		};

		$("#tpl-structure").tmpl(structureAjout).appendTo($("#structure"));

	});

	infoBulle.setContent($("#structure").html());

}

function verifierZoom() {

	if(map.getZoom() > 13) {

		map.setZoom(13);

	}

}