Create a Map

Enrich your website with a map. Create and add a Google Map in seconds with our Google Maps generator.

Enter a title and address, and the HTML code updates automatically. Customise size, zoom level, and map type—roadmap, satellite, hybrid or terrain.

You can also add directions maps to show routes or embed Google Street View for an interactive, street-level experience.

Then copy the code to link or embed the responsive Google Maps iframe exactly as shown.

Create and embed a Custom Google Map on website

Looking to add a custom Google Map to your website or blog? With the Google Maps Generator Tool at Maps.ie, you can create a fully responsive map and copy the HTML code to embed it directly on your page—all in a matter of seconds.

Whether you're showcasing your business location, a venue, or a landmark, this tool makes it simple. Just enter your details, customise your settings, and paste the iframe code into your site.

How to Use the Google Maps Generator Tool

1. Enter Your Map Information
   • Title – The label or name to identify the map (e.g., My Business Name)
   • Address – Enter a full postal address (e.g., 1 Grafton Street, Dublin, Ireland)
   • (Optional) Coordinates – If you prefer, enter latitude/longitude coordinates for precise positioning
     ➜ Click the link to retrieve coordinates automatically
2. Customise Your Map Settings
   • Map Type – Choose from Roadmap, Satellite, Hybrid, or Terrain
   • Zoom Level – Select how close in or out the map should appear (e.g., 400 m, city view, country level)
   • Size & Layout
     • Width – Set a fixed width (e.g., 600px) or choose 100% to auto-fit the container
     • Height – Set a height (e.g., 600px) to suit your page layout
3. Copy and Embed the Code
   • As you adjust your settings, the HTML iframe code updates automatically in the code panel below
   • Copy the code and paste it into your website’s HTML, exactly how it appears on the generator
   • Your Google Map will appear embedded on your site—fully interactive and responsive

How to Embed a Map with Directions

1. Enter Your Route Information
   • Start Address – Enter the origin point for the route (e.g., Dublin Airport)
   • End Address – Enter the destination point (e.g., Temple Bar, Dublin)
   • Travel Mode – Choose the method of transport from the dropdown: Driving, Walking, Bicycling, or Transit
2. Customise Your Map Settings
   • Views – Choose your preferred map style (e.g., Map, Satellite, Hybrid, or Terrain)
   • Zoom Level – Select how close in or out the map should appear (e.g., 400 m (district))
   • Size & Layout
     • Width & Height – Set specific dimensions (e.g., 600) to suit your page layout
     • Auto-fit Width – Check this box (or set Width to 100%) to ensure the embedded map automatically expands to fit mobile and desktop screens perfectly
3. Copy and Embed the Code
   • As you adjust your settings, the HTML iframe code updates automatically in the code panel below
   • Copy the code and paste it into your website’s HTML, exactly how it appears on the generator
   • Your Google Map will appear embedded on your site, showing the complete route—fully interactive and responsive

How to Embed a Google Street View Map

1. Enter Your Street View Information
   • Streetview Place – Enter the address or location you want to display (e.g., 1 Grafton Street, Dublin, Ireland)
   • (Optional) Pano ID – If you want to display a very specific 360-degree image, enter its exact Pano ID.
     ➜ Click the How to find a pano id link if you need help locating this code.
2. Customise Your Map Settings
   • Size & Layout
     • Height – Set a specific height (e.g., 600) to suit your webpage design
     • Width – Set a fixed width or choose 100% for a responsive layout
     • Auto-fit Width – Check this box to ensure the embedded Street View automatically scales to fit mobile and desktop screens perfectly
3. Copy and Embed the Code
   • As you fill in your details, the HTML iframe code updates automatically in the text box below
   • Click the Copy Code button and paste it into your website’s HTML
   • Your fully interactive, 360-degree Street View map will instantly appear on your site

Key Features

• No coding experience needed
• Instant live preview
• Fully customisable dimensions
• Auto-updating iframe embed code
• Works seamlessly on websites, blogs, and CMS platforms like WordPress or Wix

FAQs