| 5,7 → 5,7 |
|---|
| var infowindow = new google.maps.InfoWindow(); |
| |
| function getUrlBaseJrest() { |
| return 'http://162.38.234.9/obs_saisons/applications/jrest/'; |
| return 'http://localhost/obs_saisons/applications/jrest/'; |
| } |
| |
| function initialiserCarte() { |
| 37,11 → 37,13 |
|---|
| |
| $.get(getUrlBaseJrest()+'OdsExport/ExportStationJson/', function(data) { |
| |
| infos_stations = data; |
| var infos_stations = data.stations; |
| var stats = data.stats; |
| |
| for(i in infos_stations) { |
| creerEtAjouterMarqueur(i, infos_stations[i]); |
| } |
| mettreAJourStats(stats); |
| }); |
| } |
| |
| 53,24 → 55,31 |
|---|
| return image; |
| } |
| |
| function mettreAJourStats(stats) { |
| for(i in stats) { |
| if(i != 'total') { |
| var id_legende = '#type_'+i.removeDiacritics().replace(' ','_'); |
| var legende = $(id_legende).text(); |
| $(id_legende).text(legende+' ('+stats[i]+')'); |
| } else { |
| $('#conteneur_nb_stations').text(stats[i]+' stations au total'); |
| } |
| } |
| } |
| |
| 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 chaine_couleur = tableau_couleurs[infos_station['type_participant']]; |
| var image = obtenirImagePourChaineCouleur(chaine_couleur); |
| var nom_station = infos_station['nom']; |
| |
| var marqueur_station = new google.maps.Marker({ |
| position: latlng, |
| icon:image, |
| title:infos_station.station, |
| optimized: false |
| title:nom_station, |
| optimized: true |
| }); |
| |
| google.maps.event.addListener(marqueur_station, 'click', function() { |
| 90,41 → 99,20 |
|---|
| 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 = "<h3> "+infos_station['nom']+"</h3>"; |
| contenu_fenetre += '<div class="infos_participant"> Participant : '+construireUrlProfilParticipant(infos_station['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['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+')'; |
| 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>'; |
| } |
| |
| contenu_fenetre += '<div class="infos_altitude"> Altitude : '+infos_station['altitude']+' m</div>'; |
| |
| } |
| |
| 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; |
| } |
| |
| 134,7 → 122,7 |
|---|
| |
| 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 += '<label id="type_'+i.removeDiacritics().replace(' ','_')+'">'+i+'</label><br />'; |
| } |
| |
| chaine_legende += '</div>'; |
| 150,14 → 138,18 |
|---|
| return image; |
| } |
| |
| function construireUrlProfilParticipant(id, pseudo) { |
| function construireUrlProfilParticipant(participant) { |
| |
| if(id == null && pseudo == null) { |
| if(participant['id'] == null && participant['nom'] == null) { |
| return "anonyme"; |
| } |
| |
| if(pseudo == null || pseudo == "null") { |
| pseudo = id; |
| var id = participant['id']; |
| |
| if(participant['nom'] == null || participant['nom'] == "null") { |
| var pseudo = participant['id']; |
| } else { |
| var pseudo = participant['nom']; |
| } |
| |
| return '<a class="lien_vers_profil" href="http://obs-saisons.fr/user/'+id+'"> '+pseudo+' </a>'; |
| 166,4 → 158,28 |
|---|
| $('#map_canvas').ready(function() { |
| initialiserCarte(); |
| genererLegende(); |
| }); |
| }); |
| |
| String.prototype.removeDiacritics = function() { |
| var diacritics = [ |
| [/[\300-\306]/g, 'A'], |
| [/[\340-\346]/g, 'a'], |
| [/[\310-\313]/g, 'E'], |
| [/[\350-\353]/g, 'e'], |
| [/[\314-\317]/g, 'I'], |
| [/[\354-\357]/g, 'i'], |
| [/[\322-\330]/g, 'O'], |
| [/[\362-\370]/g, 'o'], |
| [/[\331-\334]/g, 'U'], |
| [/[\371-\374]/g, 'u'], |
| [/[\321]/g, 'N'], |
| [/[\361]/g, 'n'], |
| [/[\307]/g, 'C'], |
| [/[\347]/g, 'c'], |
| ]; |
| var s = this; |
| for (var i = 0; i < diacritics.length; i++) { |
| s = s.replace(diacritics[i][0], diacritics[i][1]); |
| } |
| return s; |
| } |