Estoy tratando de crear una cuadrícula en la que se pueda hacer clic en reaccionar y en el folleto, quiero mostrar una cuadrícula sobre mi mapa, algo similar a esto: agregue el evento del mouse a svg <patrón>, detecte el desplazamiento de la cuadrícula . construí la cuadrícula de esta manera:

 var tiles = new L.GridLayer(); var p = new L.featureGroup(tiles); console.log(p); setProva(tiles); tiles.createTile = function() { var rows = 5; var cols = 5; var i = 0; tile = L.DomUtil.create('table', 'leaflet-tile'); tile.className = 'grid'; for (var r=0;r<rows;++r){ var tr = tile.appendChild(document.createElement('tr')); for (var c=0;c<cols;++c){ var cell = tr.appendChild(document.createElement('td')); cell.innerHTML = ++i; cell.addEventListener('click',(function(el,r,c,i){ return function(){ callback(el,r,c,i); } })(cell,r,c,i),false); }

y esta es la función que gestiona el evento:

 function callback(el,row,col,i){ el.className='clicked'; if (lastClicked) lastClicked.className=''; lastClicked = el; }

pero cuando hago clic, el único evento registrado es el clic en el mapa. Creo que necesito administrar el evento de clic en el mapa y propagarlo sobre el componente secundario, pero no puedo entender cómo... ¿Alguien puede ayudarme? ¡Muchas gracias!