javascript - 在传单中的 map 上显示栅格数据

Question

我在传单 map 上显示栅格数据时遇到问题。

有一个浮点 NxM 数组和 RGB 比例。我想用彩色瓷砖添加新层。我试着只画矩形，但显示速度非常慢。我注意到方法 L.GridLayer.extend()，但我没有找到任何我想要的示例(只是简单的网格，每个图 block 上都有坐标文本)。

有人可以举例说明通过这种或任何其他方法显示的栅格数据吗？

Answer 1

如果您查看 list of Leaflet plugins ，您会看到很多进行逐像素光栅操作的方法，包括:

• L.TileLayer.BPG : extends tilelayer, loading a tile means render a <canvas>并将其内容转储到 <img>
• L.TileLayer.PixelFilter : 加载图像并替换单个像素
• Leaflet-fractal : 显示 mandelbrot 集，计算 <canvas> 的每个像素
• L.TileLayer.GL : 使用 WebGL 处理图像。对于繁重的计算(分形集快几个数量级)或处理现有图像非常有用且速度很快。一定要看看 hypsometric tint 演示；如果您的 NxM 阵列采用任何图形格式(如“terrain-rgb”图 block )，这将很有用。