JSFiddle - React, Tailwind, and code Playground

by Empi

HTML

<div id="con">
    <img id="img" src="http://dummyimage.com/600x200/000/fff.jpg" />
  <iframe id="maps" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d76608.9275331472!2d23.1560658!3d53.127625249999994!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x471ffc048f41971d%3A0x72317dcc8bf07b2c!2sBia%C5%82ystok!5e0!3m2!1snl!2spl!4v1397752663976"></iframe>
</div>

CSS

#con {
    height: auto;
    width: auto;
    background-color: gray;
}

#img {
    display: none;
}

#maps {    
    margin: 0;
    padding: 0;
    display: block;
    border: none;
}

JavaScript

var imgWidth = $('#img').width();
var imgHeight = $('#img').height();

$('#maps').width(imgWidth);
$('#maps').height(imgHeight);