Skip Navigation

Displaying a Simple Map

Duration

Toolset lets you add maps with markers to any page. You can style the map and choose where to place markers. In this lesson we teach how to create a “static map” with one marker. Typically, you’ll include such maps on your “about us” or “contact us” pages.

Follow these steps

In order to see the Map block, you need to register the API key first register the API key first.

The Map block provides you with many options and ways to customize your maps. Use the options in the right sidebar to adjust all of the settings when you insert or edit a Map block.

Setting up map options
Setting up map options

Add a map marker

After inserting a Map block, you need to add markers to it by clicking the Add marker button.

Adding the marker to the map
Adding the marker to the map

Now you can add the address to your marker.

Adding the address to the marker
Adding the address to the marker

You can set different options for each marker. This includes changing the marker icon, adding content displayed when hovering or clicking a marker, and more.

Marker settings
Marker settings

Main Toolset Block Used in this Lesson

Map

Maps with static and dynamic markers

Originally written
May 13, 2020
Updated
July 31, 2020