The geodata package for MapChart includes not only country and world maps. It also has special county maps for some of the worlds countries, like United States, Canada, and Mexico. This tutorial will show how you can use them.
Using county maps
The county map files for each available country are located under
regionsubdirectory of the geodata package.
If you are not familiar with the geodata package and how maps are loaded into Map Chart, please make sure you check out this section.
Normally, you would load the geodata definition direct from the geodata package's root:
import am4geodata_worldLow from "@amcharts/amcharts4-geodata/worldLow";
Then you would access the map definition using variable
It's not that much different with county maps, except you need to use subdirectory references both in referring to the files and variables:
import am4geodata_region_usa_caLow from "@amcharts/amcharts4-geodata/region/usa/caLow";
And the variable with the loaded map definition would be
|Country||Map directory||Example file||Example global var|
Each map in the respective county map directory is identified by the state's ISO code (in lowercase).
In the above example we were loading a map for California's counties, since that state's ISO code is
Canada uses two-digit codes, too. E.g. British Columbia map is identified by its
Mexico uses three-digit codes, e.g. Jalisco map is identified by
As with all maps in amCharts 4, county maps come in two flavors: low-detail and high-detail. They are suffixed with
Country-wide county map
There's one additional map in each country's directory as well:
It contains all of the counties for the whole country.
Beware though, those maps are huge, so, unless absolutely necessary, don't throw that onto your users.
The map below displays counties for Ontario:
An one for Jalisco in Mexico:
Below, you will find an example of a live map displaying California's counties: