在传单中的地图上显示栅格数据

Question

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

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

有人可以举个例子，用这种方法或任何其他方法显示栅格数据吗？

Answer 1

如果您查看list of Leaflet plugins，您会看到很多执行逐像素光栅操作的工具，包括：

• L.TileLayer.BPG：扩展 tilelayer，加载 tile 意味着渲染 <canvas> 并将其内容转储到 <img>
• L.TileLayer.PixelFilter：加载图像并替换单个像素
• Leaflet-fractal：显示 mandelbrot 集，计算 <canvas> 的每个像素
• L.TileLayer.GL：使用 WebGL 处理图像。对于繁重的计算（分形集要快几个数量级）或处理现有图像非常有用且快速。看看hypsometric tint demo；如果您的 NxM 数组采用任何类型的图形格式（如“terrain-rgb”图块），它将很有用。