landxcape/animated_marker

技術主題

# dart # flutter # animaton # flutter-package # flutter-widgets # google-maps-flutter # animation # google-maps # map # marker-animation # widget

使用的依賴

依賴清單 4 項

flutter{"sdk":"flutter"}
google_maps_flutter^2.14.0
flutter_lints開發依賴^6.0.0
flutter_test開發依賴{"sdk":"flutter"}

原始 README

以下為英文專案原文快照，最新內容請造訪 GitHub。

展開 / 收合專案 README

Animated Marker

AnimatedMarker smoothly animates google_maps_flutter markers whenever their position or rotation changes.

Features

Animate marker movement and rotation automatically.
Keep non-moving markers separate via staticMarkers.
Tune motion with duration, curve, and fps.
Plug into any GoogleMap via a simple builder.

Installation

dependencies:
  animated_marker: ^0.2.0

Usage

AnimatedMarker(
  staticMarkers: staticMarkers,
  animatedMarkers: animatedMarkers,
  duration: const Duration(seconds: 3),
  fps: 30,
  curve: Curves.easeOut,
  builder: (context, markers) {
    return GoogleMap(
      initialCameraPosition: const CameraPosition(
        target: LatLng(37.77483, -122.41942),
        zoom: 13,
      ),
      markers: markers,
    );
  },
);

Use this widget when your marker set is driven by live updates (vehicles, delivery tracking, moving assets, etc.) and you want smooth transitions instead of marker jumps.