Create links in single image
<p>I want to create some links in single image.I know we can do it with area map.i have used <a href="http://davidlynch.org/js/maphilight/docs/demo_usa.html#" rel="nofollow">this</a> link for help</p>

<p>Please have a look at link.</p>

<p>But now my requirement is to show the selected state as active.Along with this we also want to select multiple state at a time which should we active.</p>

<p><strong>select state with control key combination is below</strong></p>

<pre><code>click = function(e) {
                e.preventDefault();

                // Get clicked area element.
                var i = e.srcElement || e.target;

                /**
                * Turn on/off alwaysOn option (boolean, false by default).
                * Indicates whether to always show the hilighted areas.
                */
                i.alwaysOn = !i.alwaysOn;


                if (window.event) {
                    key = window.event.keyCode;     //IE
                    if (window.event.ctrlKey)
                        isCtrl = true;
                    else
                        isCtrl = false;
                }
                else {
                    key = e.which;     //firefox
                    if (e.ctrlKey)
                        isCtrl = true;
                    else
                        isCtrl = false;
                }


                // Apply changes.
                if (isCtrl == true) {
                    i.alwaysOn = true;
                    $(i).data('maphilight', i).trigger('alwaysOn.maphilight');
                }
                else {
                    i.alwaysOn = false;
                    $(img).hasClass('maphilighted').each(function() {

                        $(this).data('maphilight', i).trigger('alwaysOn.maphilight');
                      /* here i want remove all selected (highlighted) state */
                    });
                }

            };
</code></pre>
