How to Get Google Maps Into Your Website

Embedding a Google Map into a personal website or blog is a simple way to help visitors navigate an area or easily find directions to a location.

Google Maps has a “Share or embed map” feature that provides users with the map’s HTML code so that they can insert it into their website’s code.

You can embed a map view image, a street view image, or even specific directions for a route.

Here’s how to do it.

How to embed a Google Map

1. Type into your web browser.

2. Go to the directions, map view, or street view image that you want to embed.

3. Click on the “Menu” tab in the top left corner. The icon is three horizontal lines.

4. Click on “Share or embed map.”

5. The pop-up box will automatically highlight the “Send a link” tab, which enables users to email the map, or to share it on Facebook or Twitter. To get the map’s HTML code, select the “Embed a Map” tab. .

6. You can choose the size of the map (small, medium, large, or custom size) by clicking on the drop-down menu next to the HTML code.

7. Copy the HTML code in the box, and paste it into the HTML section of your website.

By embedding a map, you are agreeing to Google’s terms of service. Note that live traffic information and other data may not be available in embedded maps.

Originally Published

Leave a Reply