Need more options? Try Atlist

Embed Google Maps

Embed a map on your own website— completely free.

Google Maps Embed Code Generator

Embed Code

IntroMap TypesKey FeaturesCustomizationEmbed InstructionsNeed MoreUse CasesWordPressSquarespaceWixFeedback

Create Custom Embed Codes for Google Maps

‍

This is a free and user-friendly tool for generating custom Google Maps embed codes using HTML. You can embed interactive maps on any webpage—no coding skills required.

Screenshot of an Embedded Map.

Map Types

Choose from three map types:

  1. ‍Place Maps: Highlight a specific business location, address, or landmark.‍
  2. Directions Maps: Show real-time travel directions between locations.‍
  3. Street View: Display a 360° Street View panorama of a place using the Google Maps Embed API.

All maps are interactive—users can pan, zoom, and explore without leaving your site.

These embeds use the Google Maps Platform and include an API key by default. No need to sign up for your own.

Key Features

  • ‍HTML-Based Embeds: Copy and paste a ready-made <iframe> HTML code into your site.‍
  • Interactive Maps: Maps update in real-time, so users always see the most current information.‍
  • Google Cloud Ready: Built on top of the Google Maps Platform, ideal for websites built with WordPress, custom HTML, or other platforms.‍
  • JavaScript API Compatible: You can integrate this with your broader setup using the JavaScript API or extend it with tools like Atlist for more flexibility.

Customization Options

For Place and Directions maps:

  • Zoom Level: Set your preferred map zoom.
  • Map Type: Choose between Roadmap or Satellite views.
  • Travel Mode: For Directions maps, select from driving, walking, bicycling, or transit.
  • Pano ID: Use this to embed a specific Street View image.

Note: The allowfullscreen option no longer consistently enables full-screen functionality on all devices.

Embed Instructions

  1. Choose your map type and settings.
  2. Copy the generated HTML code.
  3. Paste it into your web page's source code.
  4. Adjust the iframe’s width, height, and src URL to match your design.

Whether you're embedding on a business website, personal blog, or app, this tool provides a fast, lightweight way to integrate Google Maps into your content—no custom API setup required.

Note: See below for instructions for specific website builders and WordPress.

Need More?

Try Atlist — a no-code interactive map builder built on the Google Maps Platform. It includes:

  • Multiple Markers & Custom Modals
  • Search & Filter Options
  • Design Customization & CTA Buttons
  • Simple embedding with responsive design
  • Advanced use of the Places API and JavaScript API
Example Atlist map

Common Use Cases

  • Embedding a business location on your own website
  • Showing get directions from a hotel to nearby attractions
  • Using Street View panorama for real-world previews
  • Creating a map widget for a WordPress site
  • Sharing interactive maps with rich detail and real-time updates

WordPress

In the WordPress editor, add a Custom HTML block and paste the generated embed code:

Embedding a Google Map in WordPress

Squarespace

In the Squarespace editor, add a Code block and paste the generated embed code:

Embedding a Google Map in Squarespace

Wix

In the Wix editor, add an Embed HTML element and paste the generated embed code:

Embedding a Google Map in Wix

‍

Feedback

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

‍

‍