Mettre une Google My Maps au format responsive

Réduire
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

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

    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 !

  • #2
    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
    UP, le plugin universel à découvrir sur https//up.lomart.fr
    bgMax
    , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

    Commentaire


    • #3
      Re : Mettre une Google My Maps au format responsive

      Envoyé par lomart Voir le message
      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

      Commentaire


      • #4
        Re : Mettre une Google My Maps au format responsive

        Tester avec :
        Code:
        <iframe src="https://www.google.com/maps/blablabla" width="100%" height="400"></iframe>
        UP, le plugin universel à découvrir sur https//up.lomart.fr
        bgMax
        , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

        Commentaire


        • #5
          Re : Mettre une Google My Maps au format responsive

          Envoyé par lomart Voir le message
          Tester avec :
          Code:
          <iframe src="https://www.google.com/maps/blablabla" width="100%" height="400"></iframe>
          Génial ! C'est la bonne formule ! Un grand merci

          Commentaire

          Annonce

          Réduire
          Aucune annonce pour le moment.

          Partenaire de l'association

          Réduire

          Hébergeur Web PlanetHoster
          Travaille ...
          X