Get started with us-map CDN


<!DOCTYPE html>
<html>
<head>
    <title>Get started with us-map CDN - cdnhub.io</title>
    <style>
        #map {
            width: 500px;
            height: 500px;
            border: 1px solid black;
        }
    </style>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="https://cdn.cdnhub.io/us-map/1.0.1/jquery.usmap.min.js"></script>
    <script>
        $(document).ready(function() {
            $('#map').usmap({
                'states': {
                    'AL': { 'fillKey': 'Alabama' },
                    'AK': { 'fillKey': 'Alaska' },
                    'AZ': { 'fillKey': 'Arizona' },
                    'AR': { 'fillKey': 'Arkansas' },
                    'CA': { 'fillKey': 'California' },
                    'CO': { 'fillKey': 'Colorado' },
                    'CT': { 'fillKey': 'Connecticut' },
                    'DE': { 'fillKey': 'Delaware' },
                    'FL': { 'fillKey': 'Florida' },
                    'GA': { 'fillKey': 'Georgia' },
                    'HI': { 'fillKey': 'Hawaii' },
                    'ID': { 'fillKey': 'Idaho' },
                    'IL': { 'fillKey': 'Illinois' },
                    'IN': { 'fillKey': 'Indiana' },
                    'IA': { 'fillKey': 'Iowa' },
                    'KS': { 'fillKey': 'Kansas' },
                    'KY': { 'fillKey': 'Kentucky' },
                    'LA': { 'fillKey': 'Louisiana' },
                    'ME': { 'fillKey': 'Maine' },
                    'MD': { 'fillKey': 'Maryland' },
                    'MA': { 'fillKey': 'Massachusetts' },
                    'MI': { 'fillKey': 'Michigan' },
                    'MN': { 'fillKey': 'Minnesota' },
                    'MS': { 'fillKey': 'Mississippi' },
                    'MO': { 'fillKey': 'Missouri' },
                    'MT': { 'fillKey': 'Montana' },
                    'NE': { 'fillKey': 'Nebraska' },
                    'NV': { 'fillKey': 'Nevada' },
                    'NH': { 'fillKey': 'New Hampshire' },
                    'NJ': { 'fillKey': 'New Jersey' },
                    'NM': { 'fillKey': 'New Mexico' },
                    'NY': { 'fillKey': 'New York' },
                    'NC': { 'fillKey': 'North Carolina' },
                    'ND': { 'fillKey': 'North Dakota' },
                    'OH': { 'fillKey': 'Ohio' },
                    'OK': { 'fillKey': 'Oklahoma' },
                    'OR': { 'fillKey': 'Oregon' },
                    'PA': { 'fillKey': 'Pennsylvania' },
                    'RI': { 'fillKey': 'Rhode Island' },
                    'SC': { 'fillKey': 'South Carolina' },
                    'SD': { 'fillKey': 'South Dakota' },
                    'TN': { 'fillKey': 'Tennessee' },
                    'TX': { 'fillKey': 'Texas' },
                    'UT': { 'fillKey': 'Utah' },
                    'VT': { 'fillKey': 'Vermont' },
                    'VA': { 'fillKey': 'Virginia' },
                    'WA': { 'fillKey': 'Washington' },
                    'WV': { 'fillKey': 'West Virginia' },
                    'WI': { 'fillKey': 'Wisconsin' },
                    'WY': { 'fillKey': 'Wyoming' }
                }
            });
        });
    </script>
</head>
<body>
    <div id="map"></div>
</body>
</html>
Get started with us-map CDN

Stable version

How to start using us-map CDN

All versions
