Mi requisito es dividir el mapa mundial completo en una cuadrícula cuadrada usando mapbox y turf.js. El usuario siempre verá la parte visible de la cuadrícula en la ventana gráfica/los límites de su mapa. El concepto de dibujar una cuadrícula en el mapa mundial está ahí porque pensé que dibujaríamos la cuadrícula completa a la vez y el usuario verá en la ventana gráfica del mapa usando la opción de máscara en la cuadrícula de césped. Pero el problema es que la cuadrícula no está visible cuando intento dibujarla en el mapa mundial usando:

 grid = turf.squareGrid([-179.99, -89.99, 179.99, 89.99], 100, {units: 'meters'})

y cuando estoy dibujando la cuadrícula solo en la ventana gráfica del mapa del usuario, luego en el mapa arrastrar/mover, usando el siguiente código

 const bounds = map.getBounds(); const NE = bounds.getNorthEast(); const SW = bounds.getSouthWest(); var options = {units: 'meters'}; var grid = turf.squareGrid([SW.lng, SW.lat, NE.lng, NE.lat], 10, options);

Volví a dibujar la cuadrícula nuevamente y se cambiaron los lugares de las celdas de la cuadrícula y sus ID.