时间戳

首页 > 解决方案 > 谷歌地图中用于颤振的极地间动画

firebase - 谷歌地图中用于颤振的极地间动画

问题描述

如何在颤振移动应用程序上顺利更新标记位置。

使用当前方法，标记正在跳跃到新位置。我想要像 LatLong 来自 firestore 的 uber 车辆一样平稳移动。

这是我目前的方法

double latitude = double.parse(value.docs[b]['lat']);
double longitude = double.parse(value.docs[b]['lon']);
var markerIdVal = value.docs[b].id;
            
            final MarkerId markerId = MarkerId(markerIdVal);

            final Marker marker = Marker(
              markerId: markerId,
              position: LatLng(latitude, longitude),
              icon: carIcon,
);

标签： firebasefluttergoogle-mapsgoogle-cloud-firestore

解决方案

你可以试试这个flutter_animarker包。它包括功能位于标记的位置动画，同时多个标记的动画等。整个功能列表按照文档：

  • 标记的位置动画
  • 多个标记的动画同时
  • 空安全兼容
  • 标记位置的涟漪效应
  • 标记的旋转或方位/方向
  • 多点线性动画（分段线性逼近算法）
  • 支持动画曲线和持续时间
  • 基于小部件，具有完全自定义的行为
  • 动画预热以提高性能
  • 有用的 LocationTween、AngleTween 和 PolynomialLocationInterpolator 核心逻辑

推荐阅读