Subversion Repositories eFlore/Applications.coel

Compare Revisions

No changes between revisions

Ignore whitespace Rev 1942 → Rev 1943

/branches/v1.11-okuzgozu/widget/modules/carto/squelettes/scripts/carto.js
New file
0,0 → 1,252
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();
if(clustering) {
coucheStructures = new L.MarkerClusterGroup({
disableClusteringAtZoom : 10
});
} else {
coucheStructures = new L.FeatureGroup();
}
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);
}
}
Property changes:
Added: svn:mime-type
+text/plain
\ No newline at end of property