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

点击符号居中

点击城市标签,地图带动画飞过去并放大到城市级别。

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

说明

flyTo 会同时改中心、缩放与朝向,过渡带弧线,比 easeTo 更有「飞过去」的感觉。

essential: true 表示即使系统开启减少动画,这次飞行也要执行。

配置取值说明
flyTo方法带弧线的相机动画
e.features[0]图层事件取点击要素
speed1.2飞行速度
essentialtrue忽略减少动画设置

flyTo 的目标缩放别设得比底图支持的最大级别还大,否则放大后只剩空白。