Javascript 如何使用宣传单实现此地图用户界面功能？用于显示数据的矩形网格，其中放大可提高网格的分辨率

我希望在传单贴图上有一个网格，其中基于每个矩形单元格内事件的静态标量值的强度主要使用单元格的不透明度和颜色来显示。（这不完全是我正在做的，但举个例子，我希望它在视觉上工作：与不包含事件的单元格相比，具有更多事件的单元格可能在覆盖该单元格边界的地图顶部有一个更不透明的白色覆盖层。）

当用户放大/缩小时，我希望分辨率改变，即放大意味着每个可见单元格覆盖较小的地理区域，缩小意味着每个单元格覆盖较大的区域

我对传单是个新手，我被困在如何解决这个问题上。有没有插件可以做到这一点？否则我将如何着手构建网格层呢