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
Related Articles
Updated on: 27/08/2024
Thank you!