经纬志
首页 / MapLibre / 使用示例

用内边距偏移消失点

右侧有 280px 面板时,让目标点落在剩余区域正中,而不是被面板压住。

MapLibre GL JS 4.x · 更新 2026-10-28
源码与运行效果
运行效果

说明

easeTo 的 padding 告诉地图哪几边被遮挡,相机中心会自动往反方向偏,目标点仍然对齐到可见区域中心。

用 project 把目标点投到屏幕,能看到它相对画布中心的像素偏移随内边距变化。

配置取值说明
padding{ right: 280 }右侧留白
easeTo带过渡平滑移动
project方法经纬度转屏幕像素

padding 只影响渲染与相机计算,不会改变容器尺寸。面板折叠时要同步更新 padding,否则目标点会偏。