Interactive choropleth map

Create an interactive choropleth map by utilizing events and feature states. Utilize events and feature states to develop an engaging choropleth map.

Enhance the level of interaction in your choropleth map by integrating an informative box that showcases the name of the state and its population density. Additionally, learn how to generate a legend that effectively represents the various values and categories depicted on the choropleth map.

Related examples

Display a popup on hover

Example

When a user hovers over a custom marker, show a popup containing more information.

Get features under the mouse pointer

Example

Use queryRenderedFeatures to show properties of hovered-over map elements.

Countries with data

Example

This tutorial shows how to Join MapTiler Countries with your own custom data and make a choropleth map.