| 65,7 → 65,8 |
|---|
| |
| function initialiserWidget() { |
| urlVars = getUrlVars(); |
| definirTailleTitre(); |
| definirTailleOverlay(); |
| attribuerListenersOverlay(); |
| centrerTitreEtStats(); |
| initialiserAffichageCarte(); |
| initialiserAffichagePanneauLateral(); |
| 75,7 → 76,6 |
|---|
| initialiserFormulaireContact(); |
| chargerLimitesCommunales(); |
| attribuerListenerCarte(); |
| programmerRafraichissementCarte(); |
| } |
| |
| function getUrlVars() |
| 153,35 → 153,73 |
|---|
| centrerTitreEtStats(); |
| } |
| |
| var tailleTitreOriginelle = null; |
| function definirTailleTitre() { |
| function attribuerListenersOverlay() { |
| |
| $(window).resize(function() { |
| programmerRafraichissementCarte(); |
| definirTailleOverlay(); |
| centrerTitreEtStats(); |
| google.maps.event.trigger($('#carte'), 'resize'); |
| }); |
| |
| $('#lien_plein_ecran a').click(function(event) { |
| window.open(window.location.href); |
| }); |
| |
| $('#lien_voir_cc a').click(function(event) { |
| window.open($(this).attr('href')); |
| }); |
| } |
| |
| function definirTailleOverlay() { |
| var largeurViewPort = $(window).width(); |
| var taille = null; |
| if (largeurViewPort < 400) { |
| var tailleMaxLogo = 50; |
| var tailleMaxIcones = 20; |
| var padding_icones = 8; |
| if (largeurViewPort <= 500) { |
| taille = '0.8'; |
| } else if (largeurViewPort >= 400 && largeurViewPort < 800) { |
| tailleMaxLogo = 20; |
| tailleMaxIcones = 10; |
| padding_icones = 2; |
| |
| } else if (largeurViewPort > 500 && largeurViewPort <= 800) { |
| taille = '1.0'; |
| } else if (largeurViewPort >= 800) { |
| tailleMaxLogo = 40; |
| tailleMaxIcones = 15; |
| padding_icones = 6; |
| } else if (largeurViewPort > 800) { |
| taille = '1.6'; |
| tailleMaxLogo = 50; |
| tailleMaxIcones = 20; |
| padding_icones = 8; |
| } |
| |
| // Aménagement de la taille de police selon l'écran |
| $("#carte-titre").css('font-size', taille+'em'); |
| |
| $("#zone-stats h1").css('font-size', taille+'em'); |
| $("#zone-stats").css('padding', padding_icones+"px "+padding_icones+"px "+Math.round(padding_icones/4)+"px"); |
| |
| $('.icone').height(tailleMaxIcones); |
| $('#lien_plein_ecran').css("padding", padding_icones+"px "+padding_icones+"px "+Math.ceil(padding_icones/2)+"px"); |
| $('#lien_voir_cc').css("padding", padding_icones+"px "+padding_icones+"px "+Math.ceil(padding_icones/2)+"px"); |
| |
| $('#zone-stats').height(tailleMaxIcones*1.5); |
| |
| // Dimensionnement du titre et du logo |
| if(urlLogo != "null") { |
| hauteurLogo = $('#logo img').height(); |
| // Redimensionnement du logo s'il est trop grand |
| // on perd en qualité mais ça vaut mieux que de casser l'affichage |
| if(hauteurLogo > 60) { |
| hauteurLogo = 60; |
| $('#logo img').height(60); |
| if(hauteurLogo > tailleMaxLogo) { |
| hauteurLogo = tailleMaxLogo; |
| $('#logo img').height(tailleMaxLogo); |
| } |
| |
| if(hauteurLogo == 0) { |
| $('#logo img').load(function(event) { |
| definirTailleTitre(); |
| definirTailleOverlay(); |
| }); |
| return; |
| } |
| 195,17 → 233,25 |
|---|
| if(titreCarte != 'null' && titreCarte != 0) { |
| $('#carte-titre-infos').css("position", "absolute"); |
| $('#carte-titre-infos').css("left", (largeurLogo+16)+"px"); |
| $('#carte-titre-infos').css("top", (hauteurLogo/2 - 8)+"px"); |
| $('#carte-titre-infos').css("top", (hauteurLogo/2)+"px"); |
| } |
| } |
| } |
| |
| function centrerTitreEtStats() { |
| centrerTitre(); |
| centrerStats(); |
| } |
| |
| function centrerTitre() { |
| var largeurViewPort = $(window).width(); |
| var largeurTitre = $('#zone-titre').width(); |
| var marge = (largeurViewPort - largeurTitre)/2; |
| $('#zone-titre').css("margin-left",marge); |
| |
| } |
| |
| function centrerStats() { |
| var largeurViewPort = $(window).width(); |
| var largeurStats = $('#zone-stats').width(); |
| var marge = (largeurViewPort - largeurStats)/2; |
| $('#zone-stats').css("left",marge); |
| 297,7 → 343,18 |
|---|
| }); |
| } |
| |
| function centrerDansLaPage(selecteur) { |
| var largeurViewport = $(window).width(); |
| var hauteurViewport = $(window).height(); |
| selecteur.css('display','block'); |
| var left = (largeurViewport/2) - (selecteur.width())/2; |
| var top = (hauteurViewport/2) - (selecteur.height())/2 |
| selecteur.css('left',left); |
| selecteur.css('top',top); |
| } |
| |
| function afficherMessageChargementPoints() { |
| centrerDansLaPage($('#zone-chargement-point')); |
| $('#zone-chargement-point').css('display','block'); |
| } |
| |
| 305,6 → 362,11 |
|---|
| $('#zone-chargement-point').css('display','none'); |
| } |
| |
| function afficherMessageAucuneObs() { |
| centrerDansLaPage($('#message-aucune-obs')); |
| selecteur.show(); |
| } |
| |
| premierChargement = true; |
| function doitCentrerCarte() { |
| return premierChargement && urlVars != null && urlVars.length > 0; |
| 311,29 → 373,33 |
|---|
| } |
| |
| function rafraichirMarqueurs(data) { |
| $.each(marqueurs, function(index, marqueur) { |
| marqueur.setMap(null); |
| }); |
| marqueurs = new Array(); |
| |
| stations = data; |
| afficherTitreCarteEtStats(); |
| |
| $.each(stations.points, function (index, station) { |
| if(station != null) { |
| var nouveauMarqueur = creerMarqueur(station); |
| marqueurs.push(nouveauMarqueur); |
| if(data.points.length > 0) { |
| $.each(marqueurs, function(index, marqueur) { |
| marqueur.setMap(null); |
| }); |
| marqueurs = new Array(); |
| |
| stations = data; |
| afficherTitreCarteEtStats(); |
| |
| $.each(stations.points, function (index, station) { |
| if(station != null) { |
| var nouveauMarqueur = creerMarqueur(station); |
| marqueurs.push(nouveauMarqueur); |
| } |
| }); |
| |
| if(doitCentrerCarte()) { |
| premierChargement = false; |
| var bounds = new google.maps.LatLngBounds(); |
| var latMax = new google.maps.LatLng(data.stats.coordmax.latMax, data.stats.coordmax.lngMax); |
| var latMin = new google.maps.LatLng(data.stats.coordmax.latMin, data.stats.coordmax.lngMin); |
| bounds.extend(latMax); |
| bounds.extend(latMin); |
| rendrePointsVisibles(bounds); |
| } |
| }); |
| |
| if(doitCentrerCarte()) { |
| premierChargement = false; |
| var bounds = new google.maps.LatLngBounds(); |
| var latMax = new google.maps.LatLng(data.stats.coordmax.latMax, data.stats.coordmax.lngMax); |
| var latMin = new google.maps.LatLng(data.stats.coordmax.latMin, data.stats.coordmax.lngMin); |
| bounds.extend(latMax); |
| bounds.extend(latMin); |
| rendrePointsVisibles(bounds); |
| } else { |
| afficherMessageAucuneObs(); |
| } |
| } |
| |
