<table border="0" cellspacing="0" cellpadding="0" width="100%"> <tbody> <tr> <td> <div id="mapa"> <img src="images/mapapeniche.png" alt="" usemap="#Map" id="mapaPeniche" /> <map name="Map" id="Map"> <area alt="Zona1" href="#" shape="poly" name="SAA_01" coords="77,93,80,98,81,105,83,110,89,107,92,111,92,117,97,116,99,110,104,108,110,111,107,116,101,120,108,126,112,120,115,115,106,101,111,97,116,96,122,99,130,101,129,107,127,113,128,119,133,117,138,117,143,116,136,106,136,94,127,93,109,90,99,87,94,81,100,79,92,75,91,68,97,63,86,54,79,43,77,49,81,59,82,65,76,68,69,64,62,59,55,61,47,63,43,67,41,74,46,78,52,83,57,86,62,90,69,91" /> <area alt="Zona2" href="#" shape="poly" name="SAA_02" coords="107,101,111,106,115,111,115,118,111,124,109,130,111,136,116,129,123,130,129,133,128,139,131,146,133,154,134,161,136,167,138,173,137,181,137,189,134,196,129,201,125,206,118,208,121,214,129,218,133,213,139,214,146,216,152,220,151,227,149,234,146,240,152,246,156,253,157,260,165,260,172,263,179,265,185,265,190,266,197,267,203,270,206,275,208,279,214,283,217,288,223,289,233,295,245,295,253,301,258,298,261,302,269,303,280,303,291,311,299,308,299,298,306,294,314,292,320,289,327,285,329,274,329,264,336,264,343,259,348,252,356,248,362,241,368,242,377,236,378,229,372,222,369,215,370,208,365,196,372,189,375,184,371,178,359,178,358,171,362,167,363,160,355,159,351,149,350,140,346,133,350,127,349,119,346,108,344,100,342,89,335,80,332,73,330,65,325,55,320,45,313,34,309,26,302,15,297,7,293,0,286,2,281,5,275,7,271,13,267,17,261,21,254,25,254,36,255,43,257,52,252,61,249,70,257,79,256,87,259,92,264,98,262,104,256,107,249,110,243,107,236,105,229,105,223,103,217,101,210,99,204,96,197,94,190,94,183,93,175,91,168,91,163,95,157,98,152,101,145,102,138,102,139,108,145,115,137,119,129,121,125,114,127,109,130,103,113,98" /> <area alt="Zona3" href="#" shape="poly" name="SAA_03" coords="170,39,169,44,170,50,169,56,173,60,176,65,177,72,175,80,175,88,184,92,190,92,197,92,202,93,208,95,213,98,220,100,226,102,233,103,240,105,246,106,252,109,259,105,263,99,258,92,255,85,254,77,248,69,252,61,256,53,253,42,252,28,243,36,232,36,227,40,222,43,216,46,210,48,202,49,197,52,191,52,185,54,178,52,174,45" /> <area alt="Zona4" href="#" shape="poly" name="SAA_04" coords="43,61,37,61,31,61,25,64,20,69,14,76,10,81,7,86,3,92,4,98,10,99,16,101,22,104,25,109,31,105,34,111,39,111,37,117,45,116,52,115,60,117,67,118,75,118,81,115,80,107,79,99,73,93,65,92,59,89,53,85,48,81,40,75,41,67" /> </map> </div> </td> </tr> </tbody> </table> <script type="text/javascript" language="javascript" src="/Scripts/jquery.imagemapster.min.js"> </script> <script type="text/javascript" language="javascript"> $(document).ready(function () { $('#mapaPeniche').mapster({ fillOpacity: 0.4, fillColor: "d42e16", stroke: true, strokeColor: "3320FF", strokeOpacity: 0.8, strokeWidth: 4, singleSelect: true, mapKey: 'name', onClick: function (e) { window.location = "https://smaspeniche.ambidata.com/MVC/Login?Login=" + e.key + "&Password="+e.key; }, areas: [{ key: "SAA_01", fillColor: "000000" }, { key: "SAA_02", fillColor: "000000" }, { key: "SAA_03", fillColor: "000000" }, { key: "SAA_04", fillColor: "000000" } ] }); }); </script>