Embedding a Google Map with multiple markers
Getting Started
In this documentation, you will learn the process required to embed a Google Map with Multiple Markers into your site. Follow all the steps accordingly to know the details.
Embedding Google Maps with Multiple Markers
Including a Google Map with multiple markers on your website can really help you if your business is present in more than one location.
To learn how to embed a Google Map with Multiple Locations on your site, follow all the steps below accordingly —
Create a Map & Get the Embed Code
Follow all the steps below, to learn how to create a map & get the embed code —
- On your computer, sign in to My Maps.
- Click on `Create a new map.`
- Go to the top left and click `Untitled map.`
- Give your map a name and description.
- Add multiple locations under Add Layer
- Click on `Share`
- Enable this toggle & close it
- Copy the Embed Code
The Screenshots & GIFS below show the whole process being demonstrated visually ⬇️
Once you signed in to My Maps, Click on Create a new map.

Go to the top left and click "Untitled map."

Give your map a name & description and save it

Add multiple locations under Add Layer

Click on Share

Enable this toggle & close it

Copy the Embed Code

Embed the code into your site
Follow all the steps below, to
- In your website builder, add a Custom Code element where you want to embed the map
- Click on `Edit Element`
- Paste the embed code under the HTML field
- Press Save & Publish
- To see the result, visit your site by pressing the button right next to Publish
The Screenshots & GIFS below show the whole process being demonstrated visually ⬇️
In your website builder, add a Custom Code element where you want to Embed the Map

Click on Edit Element & paste the Embed Code under the HTML field

Press Save & Publish and visit your site by pressing the button right next to Publish button

Voila! Here is your Google Map with multiple markers

To know the whole process at one glance, refer to the video below ⬇️
Related Articles
Custom Code Element
Add Custom Code
Save, Preview, and Publish
Updated on: 27/08/2024
Thank you!