MapboxGL中要素自定义闪烁动画
# 前言
# 需求描述
在面板上有一标记列表,要求点击每列就跳转到地图上该标记对应的位置,并实现该标记闪烁效果,用于提高用户交互体验。
# 解决方案
# Openlayers
在 Openlayers 中,无论标记的几何对象是点、线,还是面,每个标记都可以视为一个feature
。可以先获取点击feature
的style
,记为A_style
,然后定义feature
的第二种style
样式,记为B_style
。然后通过定时器隔一段时间调用feature.setStyle(A_style/B_style)
设置标记feature
的样式,实现闪烁效
果。
# Mapbox GL
不同于 Openlayers,Mapbox GL 中没有如此丰富实用的 API 进行设置或者获取feature
的样式。Mapbox GL 中样式是在配置文件中图层属性中预先定义的,而且点线面
编辑 (opens new window)
上次更新: 2025/02/17, 09:52:19