Eventos de ratón..

README.md

@@ -31,13 +31,13 @@ El mapa depende de la librería [RaphaëlJs](http://raphaeljs.com)
         strokeWidth: 0.7, // ancho de las líneas de frontera
         selectedColor: "#99eeee", // color de relleno de la provincia al pasar el ratón por encima
         animationDuration: 200, // Duración de la animación de salida
-        onClick: function(province) {
+        onClick: function(province, mouseevent) {
           // Método que se ejecutará al hacer click sobre una provincia
         },
-        onMouseOver: function(province) {
+        onMouseOver: function(province, mouseevent) {
           // Método que se ejecutará al pasar el ratón sobre una provincia
         },
-        onMouseOut: function(province) {
+        onMouseOut: function(province, mouseevent) {
           // Método que se ejecutará al salir de una provincia
         }
       });

index.html

@@ -3,7 +3,7 @@
   <title>Mapa interactivo de España SVG/RaphaëlJs - Demo</title>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   <script type="text/javascript" src="lib/raphael-min.js"></script>
-  <script type="text/javascript" src="lib/spain-map.min.js"></script>
+  <script type="text/javascript" src="lib/spain-map.js"></script>
   <style type="text/css">
     body {
       background: #fff;
@@ -56,13 +56,13 @@ <h1>Mapa interactivo de España SVG/RaphaëlJs</h1>
       strokeWidth: 0.7,
       selectedColor: "#66bbdd",
       animationDuration: 200,
-      onClick: function(province) {
+      onClick: function(province, event) {
         alert("Has seleccionado " + province.name);
       }
-      //onMouseOver: function(province) {
+      //onMouseOver: function(province, event) {
       //  console.log('Navigating through ' + province.name);
       //},
-      //onMouseOut: function(province) {
+      //onMouseOut: function(province, event) {
       //  console.log('Leaving ' + province.name);
       //}
     });

src/main.coffee

@@ -11,19 +11,19 @@ window.SpainMap = (config)->
     path = R.path(province.path).attr(attr)
     delete province.path
     path[0].style.cursor = "pointer"
-    path[0].onmouseover = ->
+    path[0].onmouseover = (e)->
       path.attr {fill: config.selectedColor}
       R.safari()
       if config.onMouseOver
-        config.onMouseOver province
-    path[0].onmouseout = ->
+        config.onMouseOver province, e
+    path[0].onmouseout = (e)->
       path.animate {fill: config.fillColor}, config.animationDuration || 500
       R.safari()
       if config.onMouseOut
-        config.onMouseOut province
+        config.onMouseOut province, e
     if config.onClick
-      path[0].onclick = ->
-        config.onClick province
+      path[0].onclick = (e)->
+        config.onClick province, e
 
   # Draw Map and add mouse listeners
   load(province) for province in spainMap