Using regional maps
In additional to world and country maps, amCharts 5 geodata package comes with a set of specialized regional maps, such as second-level subdivisions (districts), e.g. counties. This tutorial will show how those can be used.
Pre-requisites
Section titled “Pre-requisites”We’re assuming, you have basic knowledge of how the map chart works, about its data loading, and series.
Please visit “Map chart” tutorial for more information.
Loading
Section titled “Loading”Regional maps are located in their respective sub-directories, e.g. region/usa/*.
The global name of the regional map will reflect its sub-directory structure.
For example, congressional district map of Florida would load like this:
import am5geodata_region_usa_congressional2022_worldLow from "@amcharts/amcharts5-geodata/region/usa/congressional2022/caLow";<script src="https://cdn.amcharts.com/lib/5/geodata/region/usa/congressional2022/caLow.js"></script>Available map sets
Section titled “Available map sets”| Directory | Global variable name | Comment |
|---|---|---|
region/canada |
am5geodata_region_canada_* |
Counties of Canada |
region/mexico |
am5geodata_region_mexico_* |
Counties of Mexico |
region/usa |
am5geodata_region_usa_* |
Counties of the USA |
region/usa/congressional |
am5geodata_region_usa_congressional_* |
Congressional districts of the USA (117th congress) |
region/usa/congressional2022 |
am5geodata_region_usa_congressional2022_* |
Congressional districts of the USA (118th congress) |
region/usa/congressional2025 |
am5geodata_region_usa_congressional2025_* |
Congressional districts of the USA (119th congress) |
region/usa/congressional120 |
am5geodata_region_usa_congressional120_* |
Congressional districts of the USA (120th congress) |
region/world |
am5geodata_region_world_* |
Maps of various regions of the World, e.g. Europe |
Country-specific map sets usually contain maps for each state/province as well as a single map of the whole country with all second-level subdivisions.