首页 / deck.gl / 使用示例
位图图层
一张图片按经纬度范围贴到地图上,随视角缩放旋转,适合历史影像、扫描图、栅格分析结果。
源码与运行效果
说明
bounds 用 [[西, 南], [东, 北]] 给出两个角点,图片会按范围拉伸。image 可以是 URL、data URL,也可以是已解码的图像对象。
示例里的影像是 canvas 现场绘制的。真实项目把 makeImage() 换成图片地址或瓦片服务即可,BitmapLayer 的用法不变。
| 配置 | 作用 |
|---|---|
image | data URL,也接受 URL 与图像对象 |
bounds | 西南角与东北角,决定地理范围 |
opacity | 与叠加图层的混合比例 |
pickable | 悬停可取到经纬度 |
单张大图在高缩放级别会糊,超过几千像素的影像应切成瓦片交给 TileLayer,而不是硬塞进 BitmapLayer。