Yakov Vylegzhanin

function openModal(res) {
            contentString = '<div id="content">'+
                    '<div id="siteNotice">'+
                    '</div>'+
                    '<div><b>Place: </b><span id="place"> ' + res.name + '</span> </div>'+
                    '<p><b>Weather:</b> <span id="weather">' + res.weather[0].main + '</span></p>'+
                    '<p><b>Temp:</b> <span id="temp">' + (res.main.temp - 273) +'</span>&#176 K</p>'+
                    '<p><b>Wind speed:</b> <span id="wind">' + res.wind.speed + '</span> ms</p>'+ 
                    '<p><b>Humidity:</b> <span id="humidity">' + res.main.humidity + '</span>%</p>'+ 
                    '</div>';

            infowindow = new google.maps.InfoWindow({
                content: contentString
            });

            infowindow.open(map, marker);
        }

function promo_block($atts, $content = null) {
extract(shortcode_atts(array(
"img" => '',
"description" => '',
"title" => ''
), $atts));
return '<div class="col-md-4 promo-block">
            <img src="'.get_template_directory_uri().'/img/svg/'.$img.'.svg" height="64" alt="">
            <h3>'.$title.'</h3>
            <p>'.$description.'</p>
          </div>';
}
add_shortcode("pb", "promo_block");

<style>
#iframe {
    width: 500px;
    overflow: hidden;
}
</style>
<div id="iframe">
<iframe width="550px"></iframe>
</div>