Disable states?

[randalthesecond]

Is there a way that I can disable certain states?

[mlammert]

From what I can tell there is not a specific way to disable a state. But, what I did was create a stateSpecificStyles and a stateSpecificHoverStyles that were the same fill color of a light gray. So, the state is light gray to begin with and when you hover over it, it is the same light gray thus making it seem disabled.

Hope this works for you!

[designer-rohit]

Yes you can use this code:

// Disable States var States = {'AR': '/arkansas-fire-extinguisher-tag','CA': '/california-fire-extinguisher-tag','FL': '/florida-fire-extinguisher-tag','GA': '/georgia-fire-extinguisher-tag','IL': '/illinois-fire-extinguisher-tag','KS': '/kansas-fire-extinguisher-tag','LA': '/louisiana-fire-extinguisher-tag','MA': '/massachusetts-fire-extinguisher-tag','MT': '/montana-fire-extinguisher-tag','NV': '/nevada-fire-extinguisher-tag','NJ': '/new-jersey-fire-extinguisher-tag','NY': '/new-york-fire-extinguisher-tag','TX': '/texas-fire-extinguisher-tag', };

// for enable states var enableStates = 'AR,CA,FL,GA,IL,KS,LA,MA,MT,NV,NJ,NY,TX'.split(','); var stateSpecificStyles = {}, stateSpecificHoverStyles = {};

// style for specificStates for (var i = 0; i < enableStates.length; i++){ stateSpecificStyles[enableStates[i]] = { fill: '#eef3fc', stroke: '#336699', 'stroke-width': 0.5,cursor: 'default'}; stateSpecificHoverStyles[enableStates[i]] = { fill: '#D5D1FF', stroke: '#336699', 'stroke-width': 1,cursor: 'default'}; } $('#us-map').usmap({ 'stateStyles': { fill: 'white', stroke: '#336699'}, 'stateHoverStyles': { fill: 'white', stroke: '#336699'}, 'stateSpecificStyles': stateSpecificStyles, 'stateSpecificHoverStyles': stateSpecificHoverStyles });

Hope this works for you! All the best 👍