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

Question

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

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

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

Answer 1

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

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