GoogleMapをレスポンシブ対応させる

google mapのiframeタグをタグで囲み、cssを適用するとレスポンシブ対応可能になります。
.google-mapWrap {
position: relative;
padding-bottom: 300px;
height: 0;
overflow: hidden;
}
.google-map-wrap iframe,.google-map-wrap object,.google-map-wrap embed {
width: 100% !important;
height: 100% !important;
     position: absolute;
top: 0;
left: 0;
}