Adding a Google map
- Visit Google Maps.
Go to http://maps.google.com
- Enter Your Street Address.
Type in any street address or location and click the search button.
- Click the "Link Button".
Once your map is fully loaded, click on the Link button found in the top left corner:
- Copy the Embed code:
A tab should appear. Place your mouse cursor in the second text box titled Paste HTML to embed in website. The code will begin with <iframe Copy the code.
- Paste the code into your site.
You can paste the code anywhere. To place it in a widget, navigate to Appearance → Widgets and place a "Text Widget" in your sidebar. Then paste the code in your sidebar widget.
To place it in a page, go to Posts → Add New or Pages → Add New (or open an existing post/page in editing mode). Paste the code directly into your Text editor. (You can switch between the Visual and Text editors using the tab at the top-right of the editing box.)
- Change the width to 100%
After you embed the code, change the code width to 100%. The iframe code should look like this in the end:
<iframe width="100%" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.google.com/maps.......
When you update and preview the changes it should look something like this on the front end: