HTML5 USA Map Examples

Our maps are an ideal way to visualize state-level statistics. The above map is an intensity map of state unemployment rates. It was created in a matter of minutes using our customization tool. To learn how to create an interactive heat map like this, read our short tutorial.

Our maps are a great way to make your website more user friendly. Users can click on the state or region of interest instead of selecting an option from a drop-down list. Upon click, they can be redirected to the url of your choice. This not only reduces the likelihood of user error, but will make your site more aesthetically pleasing.

Easily visualize election data with our maps. This map shows the result of a recent presidential election. It utilizes striped background images to easily distinguish between states won by the Republican candidate and those won by the Democratic candidate. It would also be easy to use labels to show the delegates each state receives in the electoral college.

Our map's pop-up descriptions accept HTML and can be styled using CSS. This makes the map very flexible. You can display pictures of your sales reps when the user hovers over a region. Or, you can make a list for each state.

Do you have more than one link per state? No problem. You can switch from having pop ups appear on hover to having them appear upon click. Then, you can use HTML to list as many links as you desire.

Make some states inactive so that a popup does not appear upon hover and the color of the state does not change. This setting is very useful if you do not have data or a business presence in a number of states.

Is your business regional? Are you trying to visualize statistics for a only a subset of states in the country? It is possible to load the map zoomed in on a particular state or group of states. Alternatively, you can allow users to zoom the map out and fly from one region to another.

The United States territories of Guam, Puerto Rico, the U.S. Virgin Islands, American Samoa and the Northern Mariana Islands are included in the map. They are hidden by default, but can easily be revealed. Location markers can be added to these regions manually using x and y coordinates.

Add location markers to your map using latitude and longitude, or using our easy-to-use customization tool. Locations can be any of the above shapes (including images). Their size, color and opacity are fully customizable. This is a great way to visualize city-level statistics or office locations.

A special version of our HTML5 US Map uses hexagons to create a simple, beautiful map. Perfect for election and state-legislation maps.