首页 / OpenLayers / 使用示例
WebGL 瓦片图层
同一份 OSM 瓦片分别交给 WebGLTile 与普通 TileLayer，下拉框切换渲染路径。
源码与运行效果
说明
ol.layer.WebGLTile 接受任意瓦片源，把瓦片作为纹理上传到 GPU。普通 ol.layer.Tile 走 Canvas 渲染，WebGLTile 走 WebGL 渲染；两者的图层接口一致，差别在着色与后续可叠加的样式表达式。下拉框只切换两个图层的 visible。
| 操作 | 结果 |
|---|---|
| 选择「WebGLTile」 | 瓦片由 WebGL 渲染，缩放时纹理可能更锐利 |
| 选择「TileLayer」 | 回到默认 Canvas 渲染路径 |
| 连续缩放 | 两种渲染器都按同一瓦片网格请求数据 |
WebGLTile 的价值在于样式表达式和 GPU 着色；只显示普通瓦片时，Canvas 渲染兼容性更好，显存占用也更低。