Detalhes do pacotev0.0.10

interactive_maps_marker

Marcadores de mapa animados fáceis de usar com cartão de detalhes. Use para localizador de lojas ou qualquer outro local.

pub.dev Documentação da API Código-fonte

Downloads em 30 dias: 55
Curtidas: 57
Pontos Pub: 60

Instalar pacote

flutter pub add interactive_maps_marker

Visão geral do pacote

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

Interactive Maps Marker é um pacote Flutter que oferece marcadores de mapa animados com cartões detalhados interativos. Projetado para simplicidade, permite que desenvolvedores integrem facilmente recursos baseados em localização, como localizadores de lojas ou exibição de pontos de interesse. O marcador anima ao toque, revelando um cartão personalizável com informações adicionais. Ideal para aplicativos que exigem visualização intuitiva de geolocalização e engajamento do usuário. Suporta transições suaves e design responsivo, melhorando a experiência do usuário sem configuração complexa.

Casos de uso

aplicativos de localizador de lojas
Destaque de ponto de interesse
Buscadores de locais para eventos
Turismo e guias de viagem
Interfaces de rastreamento de localização em tempo real

Principais recursos

Transições de marcador animadas
Cartões de detalhes personalizáveis
Integração simples com o Google Maps
Interação de toque para revelar
Componentes de interface responsiva
Leve e fácil de configurar

Indicado para

Desenvolvedores construindo aplicativos baseados em localização
Startups que precisam de implementação rápida de recursos de mapa
Aplicativos focados na navegação amigável ao usuário
Projetos que exigem código mínimo para interações com mapas
Iniciantes do Flutter explorando geolocalização

Considerações

Requer chave da API do Google Maps para funcionalidade completa
Limitado a Android e iOS (sem menção a suporte web)
Estilo personalizado pode exigir conhecimento adicional em Dart
Depende de bibliotecas externas de renderização de mapas
Não otimizado para agrupamentos de marcadores de alta densidade

README original

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

interactive_maps_marker for Flutter

Easy to use Animated Maps Markers with detail card. Use it for store or any place locator.

Demo

Usage

Add this package to your pubspec.yaml in dependencies: section

dependencies: 
  interactive_maps_marker: ^0.0.2

This package depends upon google_maps_flutter so first setup this by following This Guide

Update dependencies

flutter pub get

You can now add a InteractiveMapsMarker widget to your widget tree.

Simple Usage

In your widget import the package and use InteractiveMapsMarker Widget

Example

import 'package:flutter/material.dart';
import 'package:google_maps_flutter/google_maps_flutter.dart';
import 'package:interactive_maps_marker/interactive_maps_marker.dart';

class ExplorePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {

    return InteractiveMapsMarker(
      items: <MarkerItem>[
        MarkerItem(id: 1, latitude: 31.4673274, longitude: 74.2637687),
        MarkerItem(id: 2, latitude: 31.4718461, longitude: 74.3531591),
      ],
      center: LatLng(31.4906504, 74.319872),
      itemContent: (context, index) {
        return Text("Current Item $index");
      },
    );

  }
}

Advanced Usage

Coming Soon

Markers data from a remote server?

Use this widget inside a stateful widget and update the markers list state with new data. An example can be found in stateful_example.dart file in example project.

Customise with parameters

You can customise it by passing various parameter values. Details about all parameters is as follows.

Parameter	Type	Default Value	Description
items	`List<MarkerItem>`	none	List of Markers with type of MarkerItem. This parameter is required and cannot be null.
itemContent	`IndexedWidgetBuilder`	none	This is builder function which will receive `context` and `index`. You must return a Widget which will show on a pre designed container. This is exactly like you use ListView Builder. Not applicable when using `itemBuilder`
center	`LatLng`	`LatLng(0.0, 0.0)`	Center point for initial map display.
zoom	`double`	12.0	Default zoom value for initial map screen.
itemHeight	`double`	116.0	Height of your detail item. Not applicable when using `itemBuilder`
itemPadding	`EdgeInsetsGeometry`	`EdgeInsets.only(bottom: 80.0)`	Padding for item detail card. Mainly used for bottom padding.
itemPadding	`Alignment`	`Alignment.bottomCenter`	Alignment for content slider.
itemBuilder	`IndexedWidgetBuilder`	null	If you don't want default container and want to build the bottom widget yourself, you can use this builder instead of itemContent and have full control over UI. This is builder function which will receive `context` and `index`. You must return a Widget.
controller	`InteractiveMapsController`	null	A controller if you want to add the markers later and then call `rebuild()` or change the index of marker to animate with your action via `setCurrentIndex(int index)`.