simplemaps

Regions | Documentation

Regions make it possible to group states together. In the world map, regions are defined by default to allow continent-level zooming. In the US map, regions are undefined by default. It is possible to create and customize regions using our online customization tools.

How to Create or Customize Regions

  1. Use our online customization tool for the us map or world map
  2. Click on "Settings"
  3. Click on "Create Regions"
  4. Change the composition of the states in each region as shown:
  5. Click the "Create Regions" button
  6. The new regions should be reflected on your map
  7. Download the map and open the mapdata.js file in a text editor
  8. Find the regions object and add any of the following properties to the regions you have created.
Properties (add these manually to the regions object in the mapdata.js file)
name The name of the region
description The description for the the region. It can contain HTML and CSS.
states The list of 2-digit state iso codes in each region generated by the customization tool. Do not change these manually.
color The color for all of the states in the region. If it exists, it will overwrite any state/level colors.
hover_color The hover_color for all of the states in the region. If it exists, it will overwrite any state/level hover_colors.
url The url to go to when the region is clicked. If it exists, it will disable zooming on the particular continent.

Screencast

HTML5 Map Documentation v2.9

Customization

Installation

Common Questions

Troubleshooting

JavaScript API

© Simplemaps.com 2010-2015 | License | Privacy Policy | Releases | Testimonials | Resources | Documentation
Deprecated Maps: Flash USA Map | Flash World Map | Flash Canada Map | Flash Europe Map | Flash Congress Map
Formerly FlashUSAmap.com and Flashworldmap.com