经纬志
首页 / deck.gl / 使用示例

位图图层

一张图片按经纬度范围贴到地图上,随视角缩放旋转,适合历史影像、扫描图、栅格分析结果。

deck.gl 9.0 · 更新 2026-10-28
源码与运行效果
运行效果

说明

bounds 用 [[西, 南], [东, 北]] 给出两个角点,图片会按范围拉伸。image 可以是 URL、data URL,也可以是已解码的图像对象。

示例里的影像是 canvas 现场绘制的。真实项目把 makeImage() 换成图片地址或瓦片服务即可,BitmapLayer 的用法不变。

配置作用
imagedata URL,也接受 URL 与图像对象
bounds西南角与东北角,决定地理范围
opacity与叠加图层的混合比例
pickable悬停可取到经纬度

单张大图在高缩放级别会糊,超过几千像素的影像应切成瓦片交给 TileLayer,而不是硬塞进 BitmapLayer。