65,12 → 65,12 |
|
function initialiserWidget() { |
urlVars = getUrlVars(); |
initialiserCarte(); |
dimensionnerCarte(); |
definirTailleOverlay(); |
attribuerListenersOverlay(); |
centrerTitreEtStats(); |
initialiserAffichageCarte(); |
initialiserAffichagePanneauLateral(); |
initialiserCarte(); |
initialiserGestionnaireMarqueurs() |
initialiserInfoBulle(); |
initialiserFormulaireContact(); |
147,8 → 147,11 |
} |
|
$('#zone-stats').show(); |
$('#zone-stats > h1').text(stats); |
} else { |
stats = "Aucune observation pour ces critères ou pour cette zone"; |
} |
|
$('#zone-stats > h1').text(stats); |
centrerTitreEtStats(); |
} |
|
156,6 → 159,7 |
|
$(window).resize(function() { |
google.maps.event.trigger($('#carte'), 'resize'); |
dimensionnerCarte(); |
definirTailleOverlay(); |
centrerTitreEtStats(); |
programmerRafraichissementCarte(); |
179,16 → 183,24 |
var tailleMaxIcones = 10; |
var padding_icones = 8; |
var tailleFiltre = 80; |
if (largeurViewPort <= 500) { |
if (largeurViewPort <= 450) { |
taille = '1'; |
tailleMaxIcones = 10; |
tailleFiltre = 65; |
padding_icones = 2; |
var tailleMaxLogo = 50; |
} else if (largeurViewPort <= 500) { |
taille = '1.2'; |
tailleMaxIcones = 10; |
tailleFiltre = 65; |
padding_icones = 2; |
var tailleMaxLogo = 50; |
} else if (largeurViewPort > 500 && largeurViewPort <= 800) { |
taille = '1.4'; |
tailleMaxIcones = 15; |
padding_icones = 6; |
tailleFiltre = 65; |
var tailleMaxLogo = 55; |
} else if (largeurViewPort > 800) { |
taille = '1.6'; |
tailleMaxIcones = 20; |
199,7 → 211,7 |
// Aménagement de la taille de police selon l'écran |
$("#carte-titre").css('font-size', taille+'em'); |
|
$("#zone-stats h1").css('font-size', Math.round((taille*0.75*100)/100)+'em'); |
$("#zone-stats h1").css('font-size', Math.round((taille*0.75*100))/100+'em'); |
$("#zone-stats").css('padding', padding_icones+"px "+padding_icones+"px "+Math.round(padding_icones/4)+"px"); |
$('#zone-stats').height(tailleMaxIcones*1.5); |
|
219,8 → 231,14 |
$("#panneau-lateral").css('padding', padding_icones+"px "+padding_icones+"px "+Math.round(padding_icones/4)+"px"); |
$('#pl-ouverture').height(((padding_icones*2)+$('#panneau-lateral').height())+"px"); |
$("#panneau-lateral").width(tailleFiltre); |
|
// Dimensionnement du titre et du logo |
|
dimensionnerLogo(tailleMaxLogo); |
dimensionnerImage(largeurViewPort); |
redimensionnerControleTypeCarte(largeurViewPort); |
} |
|
function dimensionnerLogo(tailleMaxLogo) { |
// Dimensionnement du logo |
hauteurLogo = $('.image-logo').height(); |
// Redimensionnement du logo s'il est trop grand |
// on perd en qualité mais ça vaut mieux que de casser l'affichage |
240,6 → 258,27 |
largeurLogo = $('#logo img').width(); |
} |
|
function dimensionnerImage(largeurViewPort) { |
// Dimensionnement de l'image |
if(largeurViewPort > 500) { |
largeurLogo = 155; |
} else { |
largeurLogo = 70; |
} |
|
$('#image-utilisateur img').width(largeurLogo); |
} |
|
function redimensionnerControleTypeCarte(largeurViewPort) { |
if (largeurViewPort <= 500) { |
carteOptions.mapTypeControlOptions.style = google.maps.MapTypeControlStyle.DROPDOWN_MENU; |
} else { |
carteOptions.mapTypeControlOptions.style = google.maps.MapTypeControlStyle.DEFAULT; |
} |
|
map.setOptions(carteOptions); |
} |
|
function centrerTitreEtStats() { |
centrerTitre(); |
centrerStats(); |
261,14 → 300,14 |
function centrerStats() { |
var largeurViewPort = $(window).width(); |
var largeurStats = $('#zone-stats').width(); |
var marge = ((largeurViewPort - largeurStats)/2) - 10; |
$('#zone-stats').css("left",marge); |
var marge = ((largeurViewPort - largeurStats)/2); |
$('#zone-stats').css("margin-left",marge); |
} |
|
/*+--------------------------------------------------------------------------------------------------------+*/ |
// CARTE |
|
function initialiserAffichageCarte() { |
function dimensionnerCarte() { |
$('#carte').height($(window).height()); |
$('#carte').width($(window).width()); |
} |
387,6 → 426,10 |
} |
|
function rafraichirMarqueurs(data) { |
|
marqueurs = new Array(); |
stations = null; |
|
if(data.points.length > 0) { |
$.each(marqueurs, function(index, marqueur) { |
marqueur.setMap(null); |
394,7 → 437,6 |
marqueurs = new Array(); |
|
stations = data; |
afficherTitreCarteEtStats(); |
|
$.each(stations.points, function (index, station) { |
if(station != null) { |
412,9 → 454,9 |
bounds.extend(latMin); |
rendrePointsVisibles(bounds); |
} |
} else { |
afficherMessageAucuneObs(); |
} |
|
afficherTitreCarteEtStats(); |
} |
|
function creerMarqueur(station) { |