Mapbox flyTo 动画不适用于桌面浏览器
Mapbox flyTo animation not working on desktop browser
我正在使用 Mapbox GL API 做我的第一步,我正在尝试对地图中的特定点执行简单的 flyTo 操作。
我发现的问题是,我试图在初始地图状态和所选点之间显示动画,但根本没有动画。
我注意到动画确实适用于手机。
有没有办法在桌面浏览器上播放相同的动画?
我在想也许 Mapbox GL JS 不是要使用的正确库,但我正在阅读的所有文档都指向它。
PS: https://docs.mapbox.com/mapbox-gl-js/example/flyto-options/ 我已经遵循了这个,但是动画在他们的示例中也不起作用。
谢谢。
Mapbox GL JS 版本 1.2.0 引入了对 prefers-reduced-motion 的检查,因此那些向网站表示他们更喜欢减少运动的用户,Mapbox GL JS 尊重这一点并且不会动画转换。
在 https://github.com/mapbox/mapbox-gl-js/issues/8743 中,我们提议添加一个选项,允许网站开发人员指定所考虑的内容是否被认为是必不可少的,如果是,那么它将忽略 prefers-reduced-motion 和动画。
该提案位于 https://github.com/mapbox/mapbox-gl-js/pull/8883
暂时如果想看动画就不要告诉你的浏览器你更喜欢减少运动,这有点矛盾。
我正在使用 Mapbox GL API 做我的第一步,我正在尝试对地图中的特定点执行简单的 flyTo 操作。
我发现的问题是,我试图在初始地图状态和所选点之间显示动画,但根本没有动画。
我注意到动画确实适用于手机。
有没有办法在桌面浏览器上播放相同的动画?
我在想也许 Mapbox GL JS 不是要使用的正确库,但我正在阅读的所有文档都指向它。
PS: https://docs.mapbox.com/mapbox-gl-js/example/flyto-options/ 我已经遵循了这个,但是动画在他们的示例中也不起作用。
谢谢。
Mapbox GL JS 版本 1.2.0 引入了对 prefers-reduced-motion 的检查,因此那些向网站表示他们更喜欢减少运动的用户,Mapbox GL JS 尊重这一点并且不会动画转换。
在 https://github.com/mapbox/mapbox-gl-js/issues/8743 中,我们提议添加一个选项,允许网站开发人员指定所考虑的内容是否被认为是必不可少的,如果是,那么它将忽略 prefers-reduced-motion 和动画。
该提案位于 https://github.com/mapbox/mapbox-gl-js/pull/8883
暂时如果想看动画就不要告诉你的浏览器你更喜欢减少运动,这有点矛盾。