跳到主要内容

配准四角媒体贴地

影像、视频与Canvas共用实际地形表面的纹理映射

共同image/video/canvas源的有效凸四角现可与DEM地形组合。沿用四角顺序:左上、右上、右下、左下(按源图像排列),以及既有Mercator双线性映射。旋转和非平行梯形均可;每个地形片元反求UV,避免只在粗网格顶点计算导致小幅媒体失真。

map.addSource('overlay', {
  type: 'image', url: 'https://example.com/image.png',
  coordinates: [[0, 0.02], [0.02, 0], [0, -0.02], [-0.02, 0]]
});
map.addLayer({ id: 'overlay', type: 'raster', source: 'overlay' });
map.setTerrain({ source: 'dem' });
await map.sqs.flush({ render: true });

image沿用HTTP解码和updateImage;视频/命名Canvas沿用手工RGBA帧及已有播放/暂停规则。注册确认不表示像素就绪。setCoordinates、帧更新、图层顺序、opacity和地形夸张均更新实际画面;关闭/重跑沿用完整清理。

四角须为同一Mercator世界内有限、凸、无交叉形状;不支持日期线跨越、跨世界拼接或非凸区域。反求最多12次,归一化退化/不收敛片元舍弃,不越界采样。像素和地形预算沿用原规则。无DEM覆盖处仍有明确的低位影像回退;高程/坐标查询继续只报告真实地形。

完整HTML示例公开旋转/梯形、透明度、影像更新和地形开关的全部按钮与来源;数据自行生成。原生和网页主线程/Worker已按相同7项脚本核验三种供帧及四个纹理颜色位置,外机/设备另验收。独立URL底图影像样式、建筑/符号贴地仍另列。