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

Question

我在传单地图上显示栅格数据时遇到了麻烦。

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

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

Answer 1

如果查看Leaflet插件列表 ，您会看到很多针对每像素光栅操作的操作，包括：

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