Skip to main content

Create and Customize Address-Based Markers in 23degrees

In this tutorial you will learn how to create a marker based on an address.

Published at May 6, 2026
1. Select "Marker Map"

Select "Marker Map".

Select 'Marker Map'
Select 'Marker Map'
2. Add Marker

To add a marker, click here

Add Marker
Add Marker
3. Click "+ Create Marker"

Click "+ Create marker" to add a marker to your map.

Click '+ Create Marker'
Click '+ Create Marker'
4. Enter address

Enter the address where you want to set a marker.

Enter address
Enter address
5. Select Address

Select the correct address from the search suggestions

Select Address
Select Address
6. Add Marker to Map

Click "Add to map" to place the marker at the selected address.

Add Marker to Map
Add Marker to Map
7. Open Marker Settings

Click here to customize the icon of your marker.

Open Marker Settings
Open Marker Settings
8. Edit text

Click "Text" to edit the text that will be shown next to your marker.

Edit text
Edit text
9. Customize your text

Type in the text and style it as well as the background.

Customize your text
Customize your text
10. Customize the Viewport

Click the map symbol to customize the viewport of your map

Customize the Viewport
Customize the Viewport
11. Set the viewpoert

Zoom on the map until you have reached the zoomlevel you want your marker to be shown in. You can also click and drag the map to place the viewport where you want it to be.

Set the viewpoert
Set the viewpoert
12. Click "Customize Viewport"

Click "Customize viewport"

Click 'Customize Viewport'
Click 'Customize Viewport'
13. Click "Manual Zoom"

Click "Manual zoom".

Click 'Manual Zoom'
Click 'Manual Zoom'
14. Click camera symbol

Click the camera symbol below "Max viewport" to set the viewport where you want the intro animation of your map to start.

Click camera symbol
Click camera symbol
15. Click second camera symbol

Click the camera symbol below "Start Viewport" to save the viewport where you want your intro animation to end. They can be the same viewport, if you don't want an intro animation to take place.

Click second camera symbol
Click second camera symbol
16. Optional: Add inset map

If you want to add a minimap to your map, you can activate it here.

Optional: Add inset map
Optional: Add inset map
17. Add inset map

To add an inset map of a city, in this case Vienna, click "Region

Add inset map
Add inset map
18. Type in layer

Type in the layer where the shape of the region is contained. In this case it's "Österreich Bundesländer".

Type in layer
Type in layer
19. Select Region

Type in or select the region that your marker in.

Select Region
Select Region
20. Customize inset map

You can customize your map here.

Customize inset map
Customize inset map
21. Edit map layout

On the top of the map settings, you can edit the layout of your map. For example, you can change the basemap, add zoom buttons and the way the users will navigate your map.

Edit map layout
Edit map layout
22. Add Title and Subtitle

Add Title and Subtitle

Add Title and Subtitle
Add Title and Subtitle
23. Don't forget to save your changes

Click here to save your changes.

Don't forget to save your changes
Don't forget to save your changes

You have successfully created and customized a marker based on an address.