102 maps: world, continents, countries and their regions
Popups with a title, text and a button on each region
CSV import with a preview before anything changes
Keyboard controls and named regions for screen readers
Interactive Map adds an interactive map to your website: a clickable world map, six continent maps, and a region map of each of 94 countries. The US map shows its states. Each country map shows its states, provinces or regions. Color the regions by group, add a legend, and give each region a popup with a title, text and a button.
Visitors hover over a region to see its name and a short tooltip. Tapping or clicking a region opens its popup. On phones the popup opens as a bottom sheet. Zoom with the + and - buttons. On a touch screen you can also pinch to zoom.
A region can also link to a page.
Keyboard users press Tab to reach the map, move between regions with the arrow keys, and press Enter to open one. Esc closes the popup. Each region has a name for screen readers. An optional region list with search sits under the map.
Set the colors and texts yourself. The widget adds about 62 KB, compressed, to a page. On a test site, measured over the median of 7 loads, the map was drawn 2.1 s after navigation started on desktop and 2.5 s on a phone.
Map data: Natural Earth (public domain) and us-atlas (ISC), provided as is.