How to create your own map? (pins on the map)?

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“.

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“.

and copy the necessary HTML code 

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!

Sharing is caring 🙂 Please share this awesome tutorial