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

设置俯仰与朝向

俯仰控制地平线进入画面的程度,朝向决定正北在屏幕上的方向。两个滑块加三个预设,读数双向同步。

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

说明

jumpTo 立即生效,easeTo 带过渡动画。滑块用 jumpTo 保证跟手,预设按钮也用同一套逻辑。

用户自己拖动相机后,move 事件把滑块拉回当前值,控件与画面不会脱节。

配置取值说明
pitch0 到 75超过 75 会看到地平线外的空白
bearing-180 到 1800 为正北
maxPitch75限制最大俯仰

俯仰大于 60° 时底图瓦片边缘容易露白,给容器加背景色或限制 maxPitch 更稳妥。