Subversion Repositories Sites.obs-saisons.fr

Compare Revisions

Ignore whitespace Rev 246 → Rev 247

/trunk/applications/stations/station.js
File deleted
\ No newline at end of file
/trunk/applications/stations/stations.css
New file
0,0 → 1,44
#contenu_application {
 
}
 
.separation_invisible {
clear:both;
visibility:hidden;
}
 
.droite {
float: left;
padding-left: 10px;
}
 
.separation_en_deux > * {
width: 49%;
}
 
.conteneur_carte {
height: 450px;
float: left;
padding-top: 10px;
}
 
.selecteur_critere {
padding-right: 5px;
}
 
.criteres {
padding-bottom: 10px;
}
 
.lien_vers_profil {
cursor: pointer;
text-decoration: underline;
}
 
.legende {
border: 1px solid black;
display: block;
float: left;
height: 1em;
width: 20px;
}
/trunk/applications/stations/index.php
15,8 → 15,8
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" src="jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="station.js"></script>
<link media="screen" href="station.css" type="text/css" rel="stylesheet">
<script type="text/javascript" src="stations.js"></script>
<link media="screen" href="stations.css" type="text/css" rel="stylesheet">
</head>
<body>
30,8 → 30,13
</div>
</div>
<div id="map_canvas" style="width:600px;height:600px">
<div class="conteneur_carte">
<div id="map_canvas" style="width:600px;height:600px">
</div>
</div>
<div id="conteneur_legende" class="droite">
</div>
</div>
</body>
/trunk/applications/stations/stations.js
New file
0,0 → 1,169
var tableau_couleurs = {"Particulier": "#A9582B", "Établissement scolaire" :"#8DC7B8",
"Association": "#ED9355","Professionnel": "#A7BD5B",
"Autre": "#FFC730","Inconnu": "#0000FF"};
 
var infowindow = new google.maps.InfoWindow();
 
function getUrlBaseJrest() {
return 'http://162.38.234.9/obs_saisons/applications/jrest/';
}
 
function initialiserCarte() {
 
if($('#map_canvas').length == 0) {
return;
}
 
var latlng = new google.maps.LatLng(47.0504, 2.2347);
var myOptions = {
zoom: 5,
center: latlng,
mapTypeId: google.maps.MapTypeId.HYBRID
};
 
map = new google.maps.Map(document.getElementById("map_canvas"),
myOptions);
$('.lien_vers_profil').live('click', function(event) {
event.preventDefault();
window.open($(this).attr('href'));
return false;
});
obtenirStations();
}
 
function obtenirStations() {
$.get(getUrlBaseJrest()+'OdsExport/ExportStationJson/', function(data) {
infos_stations = data;
for(i in infos_stations) {
creerEtAjouterMarqueur(i, infos_stations[i]);
}
});
}
 
function obtenirImagePourChaineCouleur(chaine_couleur) {
chaine_couleur = encodeURIComponent(chaine_couleur);
var image = getUrlBaseJrest()+"OdsMarqueur/point?couleurs="+chaine_couleur;
return image;
}
 
function creerEtAjouterMarqueur(id_marqueur, infos_station) {
latlng = new google.maps.LatLng(infos_station['latitude'],infos_station['longitude']);
var chaine_couleur = tableau_couleurs[infos_station['type_participant']];
for(i in infos_stations.especes) {
}
var image = obtenirImagePourChaineCouleur(chaine_couleur);
var marqueur_station = new google.maps.Marker({
position: latlng,
icon:image,
title:infos_station.station,
optimized: false
});
 
google.maps.event.addListener(marqueur_station, 'click', function() {
contenu_fenetre = formaterContenuFenetre(infos_station);
infowindow.close();
infowindow.content = contenu_fenetre;
infowindow.open(map,this);
});
marqueur_station.setDraggable(false);
marqueur_station.setClickable(true);
marqueur_station.setMap(map);
}
 
function formaterContenuFenetre(infos_station) {
var contenu_fenetre = "";
contenu_fenetre = "<h3> "+infos_station.station+"</h3>";
contenu_fenetre += '<div class="infos_participant"> Participant : '+construireUrlProfilParticipant(infos_station.id_participant,infos_station.pseudo_participant)+'</div>';
contenu_fenetre += '<div class="infos_commune"> ';
if(infos_station.nom_commune != null && infos_station.nom_commune != "") {
contenu_fenetre += 'Commune : '+infos_station.nom_commune;
}
if(infos_station.code_commune != null && infos_station.code_commune != "") {
contenu_fenetre += ' ('+infos_station.code_commune+')';
}
contenu_fenetre += '</div>';
contenu_fenetre += '<div class="infos_altitude"> Altitude : '+infos_station.altitude+' m</div>';
console.log(infos_station.especes);
contenu_fenetre_espece = '';
if(infos_station.especes != null) {
for(var i in infos_station.especes) {
contenu_fenetre_espece += '<li>'+infos_station.especes[i].nom_vernaculaire+'</li>';
}
 
}
if(contenu_fenetre_espece != '') {
contenu_fenetre += '<div class="infos_especes"> Especes observées :';
contenu_fenetre += '<ul>'+contenu_fenetre_espece+'</ul>';
contenu_fenetre += '</div>';
}
return contenu_fenetre;
}
 
function genererLegende() {
chaine_legende = '<div class="critere" id="legende">';
for(i in tableau_couleurs) {
chaine_legende += '<span class="legende" style="background-color:'+tableau_couleurs[i]+'"></span>';
chaine_legende += '<label for="type_'+i+'">'+i+'</label><br />';
}
chaine_legende += '</div>';
$("#conteneur_legende").html(chaine_legende);
}
 
function obtenirImagePourChaineCouleur(chaine_couleur) {
chaine_couleur = encodeURIComponent(chaine_couleur);
var image = getUrlBaseJrest()+"OdsMarqueur/point?couleurs="+chaine_couleur;
return image;
}
 
function construireUrlProfilParticipant(id, pseudo) {
if(id == null && pseudo == null) {
return "anonyme";
}
if(pseudo == null || pseudo == "null") {
pseudo = id;
}
return '<a class="lien_vers_profil" href="http://obs-saisons.fr/user/'+id+'"> '+pseudo+' </a>';
}
 
$('#map_canvas').ready(function() {
initialiserCarte();
genererLegende();
});