Google Maps Embed Code Generator
Need multiple markers? Try Atlist →

Embed Google Maps

Generate custom Google Maps embed codes for any website.

Embed Code

Create Custom Embed Codes for Google Maps

These HTML iframe codes can be embedded on any website — 100% free.

This is a free and easy-to-use tool for generating custom Google Maps embed codes. You can use these codes to embed Google Maps on any website. Users can zoom in, pan around, and interact with the map directly on your website without leaving the page.

There are three map types you can embed: Place, Directions and Streetview.

For maps to work, JavaScript must be enabled in the browser. Most users already have this enabled by default.

Options

The Place and Directions maps offer a few additional customization options:

  • Zoom: Set your preferred zoom level for the map.
  • Map Type: Choose between Roadmap or Satellite view.
  • Travel Mode: Set to ‘driving’ by default but can be changed to walking, bicycling, or transit. (Only for Directions maps.)
  • Pano ID

Note: Full Screen doesn't really work anymore: Enable users to open the map in full screen mode (using the allowfullscreen feature from the Google Maps API).

Multiple Markers

If you’re looking to create an more customizable map with multiple markers, consider using a tool like Atlist. It offers a variety of powerful features, including:

  • Multiple Markers: Add hundreds of markers. Plus, clicking on a marker opens a detailed modal with additional information.
  • Custom Styling: Fully customize the appearance of maps, markers, and modals.
  • Advanced Search & Filtering: Enable powerful search options and filter by tags for easy navigation.
  • Easy Embedding: Seamlessly embed maps on any website.
  • Custom Design Options: Personalize every aspect of your maps to match your brand or aesthetic.
  • CTA Integration: Add call-to-action buttons directly to your maps.
Example Atlist map

Place Map

A Place map allows you to embed a specific location or landmark directly onto your website. This type of map focuses on a particular place, such as a business, landmark, or address, making it easy for users to see the location on the map.

It includes more information about the place in a top left text box.

Need multiple locations? Try Atlist, an easy-to-use tool for creating maps with multiple locations.

Directions Map

A Directions map allows you to embed a route between two or more locations directly on your website. This type of map is great for showing users how to get from one place to another, whether by car, walking, biking, or public transport.

By default, the travel mode is set to driving, but you can change it to walking, bicycling, or transit by updating the mode parameter.

Streetview

A Street View map using the Google Maps Embed API allows you to display a 360-degree panoramic view of a specific location directly on your website. This is great for giving users a real-life look at a place.

Embed

Embedding Google Maps on your web page is a simple and effective way to share a location with your users. Using the HTML <iframe> tag, you can easily insert a map into your website. This tool provides custom embed codes using HTML code that includes a src attribute for the map URL. You can then copy the HTML and paste it directly into your web page's source code.

Once the map is embedded, you can customize it by adjusting the width and height of the iFrame. By default, the map may come with predefined dimensions, but you can change these values in the HTML to better fit your design. Additionally, you can enhance the map’s appearance by applying custom CSS to the iFrame, making it more responsive or styled to match your page’s theme. This can be particularly useful when embedding maps on platforms like WordPress using a widget or when developing mobile-friendly sites for iOS.

Whether you're creating a personal blog, a business website, or even an app, adding a Google Map using embed code is a quick way to improve user experience. With just a few tweaks to the HTML code, you can ensure the map fits perfectly into your design and functions seamlessly on all platforms.

API Keys

You do not need a Google Maps API key to use this tool — the embed code already includes an API key.

Pricing

This tool is completely free—no ads, no gimmicks, just straightforward functionality.

Support

Got feedback or suggestions? We’d love to hear from you! Email steve@atlist.com.