simplemaps

Create a county-level map of any state | Documentation

This tutorial will show you how to use our HTML5 County map to create a county-level map of a single state. For example, using this tutorial you could create a New York county map like this:

Created with Raphaël 2.1.2
Created with Raphaël 2.1.2
Created with Raphaël 2.1.2Simplemaps.com Trialhttp://simplemaps.com

Here are the steps you need to take:

  1. Download the HTML5 County Map (either trial or full version will work).

  2. Choose the state you’d like to display. In this example, we'll use New York.

  3. Determine the 2-digit FIPS code of your state from the table below. The FIPS code for New York is 36.

    FIPS code State name
    01Alabama
    02Alaska
    04Arizona
    05Arkansas
    06California
    08Colorado
    09Connecticut
    10Delaware
    11District of Columbia
    12Florida
    13Geogia
    15Hawaii
    16Idaho
    17Illinois
    18Indiana
    19Iowa
    20Kansas
    21Kentucky
    22Louisiana
    23Maine
    24Maryland
    25Massachusetts
    26Michigan
    27Minnesota
    28Mississippi
    29Missouri
    30Montana
    31Nebraska
    32Nevada
    33New Hampshire
    34New Jersey
    35New Mexico
    36New York
    37North Carolina
    38North Dakota
    39Ohio
    40Oklahoma
    41Oregon
    42Pennsylvania
    44Rhode Island
    45South Carolina
    46South Dakota
    47Tennessee
    48Texas
    49Utah
    50Vermont
    51Virginia
    53Washington
    54West Virginia
    55Wisconsin
    56Wyoming
  4. In the main_settings of your mapdata.js set initial_zoom: '36', this will make the map load zoomed in on New York.

  5. In the main_settings of your mapdata.js set initial_zoom_solo: 'yes', this will hide the adjacent states and remove the back button.

  6. Your map should now load, zoomed in only on New York!

  7. Email us to receive a speed-optimized version of the map.
    The map still contains the border information for all the counties in all the other states. You can email us to receive a stripped down version of the countymap.js file that only contains the data for your state. This will make the map load much more quickly on your site. Just shoot as an email at support@simplemaps.com and make sure to tell us the state you'd like to display. If the county maps become popular enough, we will automate this step.


If you like, you can download the New York example:


Download Demo (New York)


HTML5 Map Documentation v3.0

We just released version 3.0. The old 2.9 docs are here.

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