Creating Groups

In this example, the Washington, Oregon and California states have been grouped into the West Coast group, try to hover and click it to see it in action!

You can create as many groups as you want per map, scroll down to see the code used in this example.

$(function() {
  $('#jsmap').JSMaps({
    map: 'usa',
    groups: [
      {
        enable: true,
        name: 'West Coast',
        color: "#E06026",
        hoverColor: "#E32F02",
        selectedColor: "#feb41c",
        members: ['California', 'Oregon', 'Washington'],
        "text": "<h1>West Coast</h1><p>The West Coast of the United States.</p>",
      }
    ]
  });
});