widget_marker_google_map

Visão geral do pacote

Orientação gerada a partir de informações públicas. Apenas para referência.

Um pacote Flutter que expande o Google Maps permitindo que desenvolvedores coloquem marcadores baseados em widgets personalizados nos mapas. Diferentemente dos marcadores padrão, este pacote permite o uso de qualquer widget do Flutter — como ícones, avatares ou elementos interativos — como marcadores no mapa. Integra-se perfeitamente com o plugin do Google Maps e suporta plataformas Android, iOS e Web. Ideal para aplicativos que exigem conteúdo de marcadores rico, dinâmico ou interativo além de imagens ou texto simples.

Casos de uso

Interfaces de mapa interativas
UIs de marcadores personalizados com animações
Rastreamento de localização em tempo real com visualizações ricas
Marcadores de perfil do usuário em mapas
Visualização dinâmica de dados em mapas

Principais recursos

Suporta widgets arbitrários do Flutter como marcadores
Compatibilidade multiplataforma (Android, iOS, Web)
Integração fácil com o plugin do Google Maps
Posicionamento e comportamento de marcadores personalizáveis
Atualizações ao vivo para conteúdo de marcador dinâmico

Indicado para

Desenvolvedores construindo mapas interativos
Aplicativos que precisam de marcadores com marca ou animados
Projetos com dados de localização em tempo real
aplicações de geolocalização com foco em UI
Equipes usando Flutter para recursos de mapa full-stack

Considerações

Impacto no desempenho com muitos widgets complexos
Requer gerenciamento adequado de estado para atualizações dinâmicas
Suporte limitado para agrupamento avançado de marcadores
Pode ser necessário otimizar para renderização em larga escala de mapas
Dependente da disponibilidade do Google Maps SDK

README original

Snapshot do README original do repositório-fonte vinculado. Consulte o repositório para o conteúdo mais recente.

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!

Buscar pacotes, repositórios e categorias de apps