在傳單中的地圖上顯示柵格數據

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”圖塊），它將非常有用。