Make sure the map, Street View image, or directions you would like to embed shows up on the map.
In the top left corner, click the Menu .
Click on the item "Share or Embed map".
At the top of the box that appears, click on "Embed map".
Choose the size you want, then copy the HTML embed code.
Open the page that you want to embed the map.
Click on this button on the toolbar or select "Insert" > "HTML Source" from the main menu.
An HTML Source element will be inserted on the page. Double-click on it to open it in the HTML Source Editor.
Click on the paste button or right-click on the editor and select "Paste" from the context menu. Take note of the size in the code
"<iframe ........ width="400" height="300" frameborder="0" style="border:0" allowfullscreen></iframe>". For this example, it is 400x300.
Click on the "Save and Close" button to save the code.
Resize the HTML Source element to 400x300.
The embedding of Google Map will be detected automatically and the element will be resized in aspect ratio when in tablet and mobile layout. You need to manually set tablet and mobile layout only if you want it to have a fixed size on a page.
.
on the toolbar or select "Insert" > "HTML Source" from the main menu.
or right-click on the editor and select "Paste" from the context menu. Take note of the size in the code