Map with rich tooltips

This article demonstrates how to insert rich tooltips in a map to display additional information when users hover over a country.

Example Map with rich tooltip

How to Reuse This Map

To use this map as a template, click this link and then select Save in the top-right corner.

Adding Rich Text to Tooltips

You can format tooltip content using HTML by adding data in the Data section.

Notice that the column header is "tooltip" in this example. We will use this value for the next point. 

Adding Values to the Tooltip

  1. Navigate to Basic > Tooltip in the settings.
  2.  Refer the newly added data column to display additional information for each country. Here we're using the tooltip column from above by referring to {point.tooltip} in the header field. 

For more information about how to customize tooltips, see these articles:

Add extra information to the map tooltip

Tooltip panel

Customization Options

For more ways to customize your map, check this article.

Did you find what you were looking for? Thank you! There was a problem submitting your feedback. Please try again later.