Do you want to add a map with your own points in Webnode?

 

Create free own map with Google My Maps.

 

In How To Set Up Google Map Properly in Webnode? I showed you how to insert a map from a classic Google My Maps service.

In this tutorial, I will show you how to create a custom map with an unlimited number of points (addresses) using Google My Maps.

The service is free and I definitely recommend it.

Preview a created map using Google My Maps.

How to create a custom map with Google My Maps

 

1. Register: http://mymaps.google.com .

*Or create new Google account here.

2. Click “Create new map” in the top left corner.

 

3. Look (search) for specific addresses and add them to your map 🙂

4. You can edit Title, Description, Color, and type of icon (pin on map)

5. If you have successfully added all the addresses and want to share the map publicly (eg on the Webnode site), click on “Share“.

6. At the “Who has access” box, click “Change”.

 

and check “On – Public on the web” and save.

7. You can now embed the map you create using the HTML (iframe). At the top, click on three dots and choose “Paste on my site“.

At the top, click on three dots and select “Paste on my site

and copy the necessary HTML code 

8. Insert the map code into your Webnode website using the “+” and “HTML” functions. * Enter the code where you want to view the map.

9. Publish changes. 

Done 🙂 Your map is displayed in the published version of your site.

TIP: Put reservation system on the web for online booking in Webnode. Read more in the tutorial: How to add an online reservation system to Webnode? It’s Free!

6 most popular Webnode templates in 2022

6 most popular Webnode templates in 2022

6 most popular templates for creating a website in the Webnode.com website builderIn our Webnode Free News we have already mentioned a few interesting things about the Webnode editor. Have you read the article about the 5 new features of the NEW Premium Business...

Sharing is caring 🙂 Please share this awesome tutorial

Viliam
Follow me