| 1,3 → 1,9 |
|---|
| 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/'; |
| } |
| 50,22 → 56,16 |
|---|
| function creerEtAjouterMarqueur(id_marqueur, infos_station) { |
| |
| latlng = new google.maps.LatLng(infos_station['latitude'],infos_station['longitude']); |
| /*var chaine_couleur = ''; |
| |
| |
| var chaine_couleur = tableau_couleurs[infos_station['type_participant']]; |
| |
| for(i in infos_stations.especes) { |
| var observation = infos_station.obs[i]; |
| |
| if(typeof(tableau_couleurs_en_cours[observation.id_espece]) != 'undefined') { |
| chaine_couleur += tableau_couleurs_en_cours[observation.id_espece]+","; |
| } |
| } |
| |
| chaine_couleur = chaine_couleur.slice(0,chaine_couleur.length - 1); |
| */ |
| var chaine_couleur = "#A9582B"; |
| var image = obtenirImagePourChaineCouleur(chaine_couleur); |
| |
| |
| |
| var marqueur_station = new google.maps.Marker({ |
| position: latlng, |
| icon:image, |
| 73,21 → 73,75 |
|---|
| optimized: false |
| }); |
| |
| /*google.maps.event.addListener(tableau_marqueurs[id_marqueur], 'click', function() { |
| google.maps.event.addListener(marqueur_station, 'click', function() { |
| |
| //contenu_fenetre = formaterContenuFenetre(infos_stations.obs); |
| 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); |
| 96,6 → 150,20 |
|---|
| 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(); |
| }); |