Kepler.GL：支持栅格切片层

问题描述

我的要求是在地图上同时渲染矢量数据（CSV、geoJson）和光栅图像（WMS 或 png）。然后用户将能够用点或多边形注释这些数据。这样的渲染应该像 jupyter-lab extension 和 jupyter-widget 一样工作。

我正在探索满足上述大部分要求的 kepler.gl 库，除了渲染栅格数据（图像、wms）。

有人在 kepler.gl 上渲染过光栅图像/瓷砖吗？你能分享一下方法或代码参考吗？

附注：

我发现了以下信息

• open issue about raster support - 自 2020 年以来没有任何吸引力。
• kepler-tiles - 缺少文档，似乎不起作用。

解决方法

这里最简单的方法是从您的 Kepler 实例中获取 Mapbox 引用，并直接与其通信：KeplerGL 组件有一个 getMapBoxRef 属性可用。一旦你得到它，

const getMapBoxRef = mapbox => {
  map = mapbox.getMap();
  map.on('load',() => { ... });
}

然后您可以将任何 mapbox 源/图层（包括图像）直接添加到 Mapbox 实例： https://docs.mapbox.com/mapbox-gl-js/example/image-on-a-map/