Selecting Multiple Areas Map
In this demo we enable users to select multiple countries on a map.
Key implementation details
All you need to do to enable this behavior is to set toggleKey on the map polygon template to active. This makes the chart toggle active field on the country polygon between true and false. Then we just need to set the desired fill color for the active state.
Related tutorials
Build this chart with AI
The prompt below can be used to build this chart with AI. For best coding results, use the most advanced AI models, like Claude Opus 4.6 and GPT-5.3-Codex. For more info and tips, check out amCharts AI docs.
Create an interactive world map that allows selecting multiple countries simultaneously. Each country can be toggled between selected and unselected states by clicking. Apply a distinct hover color and a different selected color. Display country names in tooltips. Include built-in zoom controls with a home button. Clicking on the map background (water) should zoom back to the home view. Exclude Antarctica. Apply smooth entrance animations. Use amCharts 5 library.
Demo source