Navigation
This is archived content. Visit our new forum.
  • Author
    Posts
  • #1661
    Olivier S
    Participant

    I have a problem when embedding a Google Map. Here is the code I have :

    [content_band border="none" no_margin="true" padding_top="0"  border="top"] [map embed='<iframe src="https://maps.google.fr/maps?f=q&source=s_q&hl=fr&geocode=&q=9+Rue+Andr%C3%A9+Darbon,+Bordeaux&aq=1&oq=9+rue&sll=44.854825,-0.568106&sspn=0.032735,0.061026&ie=UTF8&hq=&hnear=9+Rue+Andr%C3%A9+Darbon,+33300+Bordeaux,+Gironde,+Aquitaine&t=m&z=14&ll=44.854825,-0.568106&output=embed" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>' no_container="true" style="max-height:400px !important;"][/content_band]

    I want it to have a 400px height, and in fact, the band is 400px high and here’s what it looks like :

    1387209648-capture-d-ecran-2013-12-16-a-16-59-56.png - envoi d'image avec NoelShack

    I tried without the content band, same problem, I tried without any style attribute, same problem.
    In fact, whatever I do, the map doesn’t scale in height, so it goes on after the footer…

    #1672
    Rubin
    Keymaster

    Hey,

    Try following code:

    [content_band border="none" no_margin="true" padding_top="0"  border="top"]
    <iframe src="https://maps.google.fr/maps?f=q&source=s_q&hl=fr&geocode=&q=9+Rue+Andr%C3%A9+Darbon,+Bordeaux&aq=1&oq=9+rue&sll=44.854825,-0.568106&sspn=0.032735,0.061026&ie=UTF8&hq=&hnear=9+Rue+Andr%C3%A9+Darbon,+33300+Bordeaux,+Gironde,+Aquitaine&t=m&z=14&ll=44.854825,-0.568106&iwloc=near&output=embed" height="400" width="100%" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>[/content_band]
  • <script> jQuery(function($){ $("#no-reply-1661 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>