[Résolu] Une map responsive bootstrap

Bonjour à tous,

Toujours dans le but de finir un site web "pro" , je dois intégrer une map avec la localisation de l'établissement.

Jusque là ça va mais c'est après avoir appris qu'il faut que le site soit responsive que je bloque.

Le code pour la map vient de Open Street View étant donner que Goggle Map est maintenant payant, c'est donc un iframe qui s'occupe d'afficher la carte cependant dès lors que je souhaite partir sur des dimensions responsive le iframe se réduis et des barre de défilement apparaissent en bas et à droite dans le iframe

 
    <div class="container">
        <div class="row">
            <div class="col-lg-6">

                <iframe src="http://cartosm.eu/map?lon=6.1817624505151&lat=48.686944158134&   zoom=16&width=400&height=350&mark=true&nav=true&pan=true&zb=inout&style=default&icon=down" class="img-responsive"></iframe>
                <br>
                <div id="cartosmlink">
                    <a id="lien" href="http://www.openstreetmap.org/?mlat=48.686944158134&mlon=6.1817624505151&zoom=16&layers=M" style="text-decoration:none;" target="blank">
                        <p>Voir sur une carte plus grande</p>
                    </a>
                </div>

                <p id="contact">
                    Nous contacter:
                    <br> Tel: 03 83 35 11 87
                    <br> Fax: 03 83 35 97 10
                    <br>
                    <a href="mailto:ce.0540082@ac-nancy-metz.fr" style="text-decoration: none;">Envoyer un mail</a>
                </p>
            </div>
        </div>
    </div>

Voila ce qui s'occupe de la partie de la map aucun css présent à part bootstrap.
Si quelqu'un à une solution et des remarque pour améliorer tous ça je suis preneur
Modifié par Tryno (04 Jun 2018 - 09:27)