widget_marker_google_map

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

Ein Flutter-Paket, das Google Maps erweitert, indem Entwicklern die Möglichkeit gegeben wird, benutzerdefinierte Widget-basierte Marker auf Karten zu platzieren. Im Gegensatz zu Standardmarkern ermöglicht dieses Paket die Verwendung beliebiger Flutter-Widgets – wie Symbole, Avatare oder interaktive Elemente – als Kartemarken. Es integriert sich nahtlos in das Google Maps-Plugin und unterstützt die Plattformen Android, iOS und Web. Ideal für Apps, die reichhaltigen, dynamischen oder interaktiven Markers-Inhalt jenseits einfacher Bilder oder Texte benötigen.

Anwendungsfälle

Interaktive Kartenoberflächen
Benutzerdefinierte Marker-UIs mit Animationen
Echtzeit-Standortverfolgung mit reichhaltigen Visualisierungen
Benutzerprofil-Marker auf Karten
Dynamische Datenvisualisierung auf Karten

Hauptmerkmale

Unterstützt beliebige Flutter-Widgets als Marker
Plattformübergreifende Kompatibilität (Android, iOS, Web)
Einfache Integration mit dem Google Maps-Plugin
Anpassbare Markierungspositionierung und -verhalten
Live-Updates für dynamischen Markierungsinhalt

Geeignet für

Entwickler, die interaktive Karten erstellen
Apps, die brandierte oder animierte Markierungen benötigen
Projekte mit Echtzeit-Standortdaten
UI-intensive Geolokationsanwendungen
Teams, die Flutter für Full-Stack-Kartenfunktionen verwenden

Hinweise

Leistungsbeeinträchtigung bei vielen komplexen Widgets
Erforderliche ordnungsgemäße Zustandsverwaltung für dynamische Aktualisierungen
Begrenzter Support für erweiterte Marker-Clustering
Könnte eine Optimierung für die großflächige Kartendarstellung benötigen
Abhängig von der Verfügbarkeit des Google Maps SDK

Original-README

Originaler README-Schnappschuss aus dem verknüpften Quell-Repository. Aktuelle Inhalte finden Sie im Repository.

Google map with widget markers.

Set up

Follow the steps on google_maps_flutter document.

Usage

Same as google_maps_flutter except for widgetMarkers.

 WidgetMarkerGoogleMap(
    initialCameraPosition: shibuya,
    mapType: MapType.normal,
    widgetMarkers: [
      WidgetMarker(
        position: cafePosition,
        markerId: 'cafe',
        widget: Container(
          color: Colors.brown,
          padding: const EdgeInsets.all(2),
          child: const Icon(
            Icons.coffee,
            color: Colors.white,
            size: 64,
          ),
        ),
      ),
      WidgetMarker(
        position: clothesShopPosition,
        markerId: 'clothes',
        widget: Container(
          color: Colors.green,
          padding: const EdgeInsets.all(4),
          child: const Text(
            'shop',
            style: TextStyle(
              color: Colors.white,
              fontWeight: FontWeight.bold,
              fontSize: 32,
            ),
          ),
        ),
      ),
      WidgetMarker(
        position: hamburgerShopPosition,
        markerId: 'hamburger',
        widget: Container(
          color: Colors.red,
          padding: const EdgeInsets.all(2),
          child: const Icon(
            Icons.fastfood,
            color: Colors.yellow,
            size: 64,
          ),
        ),
      ),
    ],
  ),

WidgetMarker

You need to insert the list of WidgetMarker to use widget markers.

Make sure that you still need to use onTap method when you use gestures.

class WidgetMarker {
  WidgetMarker({
    required this.position,
    required this.markerId,
    required this.widget,
    this.onTap,
  }) : assert(markerId.isNotEmpty);

  final LatLng position;

  /// Keep this unique, otherwise it will not appear.
  final String markerId;

  /// Gestures of widget is disabled.
  /// Use this callback instead.
  final VoidCallback? onTap;

  final Widget widget;
}

If you have any requests or questions, feel free to ask on github.

Contributors ✨

Thanks goes to these wonderful people (emoji key):

_Devin
💻

_{Santa Takahashi}
💻

This project follows the all-contributors specification. Contributions of any kind welcome!

Pakete, Repositories und App-Kategorien suchen