Tagged: deck.gl

deck.gl渲染IconLayer图标图层

本文讲解了IconLayer渲染图标的两种方式,实例实现了deck.gl加载底图,基于IconLayer渲染自动请求的图片,动态设置图片宽高、位置,并增加图标鼠标事件;

deck.gl视角过渡变换

本实例实现了deck.gl加载底图,控制地图视角由在不同位置过渡缩放变换,支持自定义过渡动画效果。

deck.gl渲染ColumnLayer柱层图层

本实例实现了deck.gl加载底图,基于ColumnLayer渲染海量柱型图层。根据权重值设置柱子的高度和颜色,通过颜色、高度直观表达某类特征。

deck.gl渲染LineLayer直线图层

本实例实现了deck.gl加载底图,使用LineLayer加载含有起点和终点的数据,渲染到地图上。LineLayer 渲染的效果是起点到终点连成的直线

deck.gl渲染TileLayer切片图层

本实例实现了deck.gl加载底图,使用TileLayer加载切片数据,渲染到地图上。其实现原理是请求到每张切片后,根据tile的四至bounds初始化BitmapLayer图层deck.gl渲染BitmapLayer位图图层,添加到子图层上,实现了拼接完整图层

deck.gl渲染HexagonLayer六边形图层

本实例实现了deck.gl加载底图,通过d3js加载csv格式的热力点数据,并使用HexagonLayer渲染数据。并支持通过调整半径、覆盖率、垂直比例动态调整渲染效果

deck.gl

deck.gl 的产生是为了简化基于 WebGL 的海量数据集的高性能可视化实现。 用户可以通过组合现有图层或利用 deck.gl 的可扩展架构来满足自定义需求,以最小的努力快速获得令人印象深刻的视觉效果。