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

Question

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

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

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

Answer 1

如果查看list of Leaflet plugins，您会看到很多针对每像素光栅操作的操作，包括：

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