Masquer une Gmap sur mobile

Salut les alsanautes !

Une question me taraude : comment peut on masquer proprement une google map sur mobile ?

En effet, je dois la masquer (à la demande du client)... sachant qu'il y a en dur des positions, tailles, hauteurs qu'il ne faut pas toucher...

Moi j'ai fait

#map
{position:absolute;left:-100000px;}

PS : les display:none n'ont pas l'air de fonctionner... si vous avez des idées

Mais je pense que y'a mieux :X

tu peux utiliser les media queries pour les masquer

par exemple:

@media screen and (min-width:641px) {
  code css du map
}

le map ne sera pas affiché pour une largeur d'écran inférieure à 641px

Salut,

oui je l'ai utilisé dans un media queries j'ai oublié de préciser...

salut,

Perso quand c'est trop compliqué en CSS je passe par du JS/JQuery comme ceci par exemple:

function DetectIos() {
	var IsiPhone = navigator.userAgent.indexOf("iPhone") != -1 ;
	var IsiPod = navigator.userAgent.indexOf("iPod") != -1 ;
	var IsiPad = navigator.userAgent.indexOf("iPad") != -1 ;

	var IsiPhoneOS = IsiPhone || IsiPad || IsiPod ;
	
	return IsiPhoneOS ;
}

if ( DetectIos() == true ) {// Si c'est un mobile
//etc...
});

A ce moment là tu peux faire un .hide() par exemple sur ta Gmap
Modifié par hophop (19 Jul 2012 - 13:19)