How to Embed Google Map Add Google Maps to your Website

Embed a map or directions

To embed a map or directions in a website or blog, follow the steps below.

1. Open Google Maps.
2. Make sure the map, Street View image, or directions you'd like to embed shows up on the map. Type your organization's address into the search box, and then hit [Enter]. Google Maps will display a pin on a map indicating the location
3. In the top left corner, click the Menu .
4. Click Share or Embed map.
5. At the top of the box that appears, choose Embed map.
6. Choose the size you want, then copy the HTML embed code and paste it into the source code of your website or blog.

Notes:

• If you're using Maps in Lite mode, you won't be able to embed a map.
• Traffic information and other Maps info might not be available in the embedded map.

Share a map or location

To share a link to your map with others, follow the steps below.

1. Open Google Maps.
2. Make sure the map, Street View image, or directions you'd like to embed shows up on the map.Type your organization's address into the search box, and then hit [Enter]. Google Maps will display a pin on a map indicating the location
3. When you're ready to share, click the Menu .
4. Select Share or Embed map. If you don't see this option, click Link to this map.
5. Optional: To create a shorter web page link, check the box next to "Short URL."
6. Copy and paste the link wherever you want to share the map, like an email or Google+ post.

Tip: You can also copy the web address from your browser's address bar in all browsers except Internet Explorer 8 or 9.

What you can and can't share

Things you can share:

• A place, business, or address
• A directions search
• A Street View image

Things you can't share:

• A map with your saved locations, which are private
• A map with a distance measurement
• A screenshot or image of the map itself

Examble:

<center>
 <iframe src =
  "https://www.google.com/maps/embed?pb=********"
    width = "600"
    height = "450"
    frameborder = "0"
    style = "border:0"
    allowfullscreen > 

 </iframe>
</center>

Resource https://support.google.com/maps/

Go back to home page