[RÉGLÉ] Mettre une Google My Maps au format responsive

[Elo_Gg]

Bonjour,

je vous sollicite aujourd'hui car j'ai créé et mis en ligne une carte personnalisée Google My Maps sur mon site (template JA Hôtel). Je peux régler dans le code la hauteur et la largeur de la map, et le rendu est totalement satisfaisant. Cependant, sur mobile, elle ne s'affiche pas en responsive. Qu'elle est la solution pour la rendre responsive ?
- Une modification dans la feuille CSS (si oui laquelle - niveau débutant) ?
- Dupliquer le module pour faire apparaître la map en responsive via une position adéquate (si oui laquelle) ?
- Autres...

A votre dispo pour plus de détails & aide.

Merci par avance !

[lomart]

Re : Mettre une Google My Maps au format responsive

Bonsoir,

Le plus simple est de définir la hauteur en pixel pour GoogleMap et la largeur à 100%
La carte devrait s'adpater automatiquement

Attention, l'assistant de GoogleMap n'accepte pas les %, mais il suffit de le changer dans le code fourni

[Elo_Gg]

Re : Mettre une Google My Maps au format responsive

Bonsoir,

Le plus simple est de définir la hauteur en pixel pour GoogleMap et la largeur à 100%
La carte devrait s'adpater automatiquement

Attention, l'assistant de GoogleMap n'accepte pas les %, mais il suffit de le changer dans le code fourni

Merci pour ce retour !
Effectivement je peux modifier en pixel le format de la carte mais cela ne se répercute pas correctement sur mobile, comme si je devais paramétrer un autre élément pour que la carte devienne responsive.

Voici ce que j'ai actuellement.

<iframe src="https://www.google.com/maps/blablabla" width="1887" height="400"></iframe>

Merci par avance

[lomart]

Re : Mettre une Google My Maps au format responsive

Tester avec :

<iframe src="https://www.google.com/maps/blablabla" width="100%" height="400"></iframe>

[Elo_Gg]

Re : Mettre une Google My Maps au format responsive

Tester avec :

<iframe src="https://www.google.com/maps/blablabla" width="100%" height="400"></iframe>

Génial ! C'est la bonne formule ! Un grand merci