使用WebGL可视化大量空间矢量数据

Question

我打算做一个可视化大型2d平铺图像的应用程序。该应用程序需要实现以下目标：

1. 添加层混合，即以某种方式将WebGL的混合方程设置为加法：gl.blendEquation(gl.FUNC_ADD)。
2. 黑白图像的着色（乘以恒定颜色，例如红色。这与设置gl.blendColor(1, 0, 0, 1);和gl.blendFunc(gl.CONSTANT_COLOR, gl.ONE);相对应。
3. 绘制大量简单的矢量数据（主要是多边形）。
4. 对比度/亮度/强度操作范围

根据我的研究，渲染器应该基于WebGL来实现这些目标。 我使用Openlayers 3做了一个初始原型。我设法使用precompose和postcompose钩子以及强度操作范围的自定义着色器实现除（3）之外的所有内容。但是，我看到使用WebGL的多边形渲染尚未得到支持，而且我还没有看到关于此问题/开发状态的最新更新。我的问题是，如果有可能/一些起点可以自己实施，或者像铯这样的东西可以更好地满足我的需求。

Answer 1

我无法谈及OpenLayers路线图，但Cesium本身应该能够满足您的要求。以下是一些示例（包含代码），显示了您正在寻找的功能

Additive blending of layers

Polygons这是GeoJSON，但我们也处理KML，TopoJSON，CMZL并拥有programattic API。我们还处理diverse set of geometry

Imagery Adjustment

如果您决定尝试使用Cesium，我们有一个非常active forum可以帮助您开始使用，所以不要犹豫，发布任何问题。 cesiumjs.org还有大量其他信息，帮助和演示。