google_maps_routes

Visão geral do pacote

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

Um pacote Flutter que permite desenhar rotas no Google Maps usando a API de Direções do Google. Ele simplifica a visualização de rotas ao buscar e renderizar direções entre locais, suportando caminhos de navegação em tempo real nas plataformas Android, iOS e web. O pacote se integra perfeitamente com o Google Maps for Flutter, permitindo que desenvolvedores exibam rotas polilinha, pontos intermediários e detalhes de viagem. Ideal para aplicativos que exigem navegação passo a passo ou funcionalidades de roteamento baseadas em localização.

Casos de uso

Exibindo direções para dirigir
Visualizando rotas de caminhada ou ciclismo
Integração de navegação passo a passo
Construindo aplicativos de entrega ou compartilhamento de viagens
Criando planejadores de itinerários de viagem

Principais recursos

Desenho de rota com polilinhas
Suporte para múltiplos pontos de parada
Integração com a API de Direções do Google
Compatibilidade multiplataforma (Android, iOS, Web)
Configuração fácil com mínima configuração

Indicado para

Desenvolvedores de aplicativos de navegação
Aplicações de logística e entrega
Aplicativos de viagem e turismo
Plataformas de serviço baseadas em localização
Aplicativos que exigem renderização de rota dinâmica

Considerações

Requer uma chave de API válida do Google Maps
Depende da conectividade com a internet
Pode incorrer em custos de uso da API de Direções do Google
Limitado à plataforma do Google Maps
Limites de taxa se aplicam com base no nível de uso da API

README original

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

This is a package for creating routes on google maps using the directions API from Google. Routes are drawn with help of the flutter_polyline_points package.

Screenshot

Usage

To use the google_maps_routes package, first depend on it.

Then import it where you want to use it

import 'package:google_maps_routes/google_maps_routes.dart';

To use it you need a List of points like this:

/// LatLng is included in google_maps_flutter
List<LatLng> points = [
    LatLng(latitude, longitude),
    LatLng(latitude, longitude),
    LatLng(latitude, longitude),
    LatLng(latitude, longitude),
];

Then you need to instantiate this plugin

MapsRoutes route = new MapsRoutes();

To create a route, just call the following function:

/// routeName is a string and can be anything; it can include spaces but
/// they will be replaced with a dash
/// example: 'Example route' turns into 'Example-route'

/// color is a Color type and will be used as the polyline color:
/// example: Color.fromRGBO(130, 78, 210, 1.0)

/// googleApyKey is a string and is a google directions API key
/// example: get it at
/// https://developers.google.com/maps/documentation/directions/get-api-key
await route.drawRoute(points, routeName, color, googleApiKey);

To use a different travel mode, use the travelMode parameter.

/// Options: driving, bicycling, transit, walking
await route.drawRoute(
    points,
    routeName,
    color,
    googleApiKey,
    travelMode: TravelModes.walking
);

To display the polylines you need to add a polylines parameter to your google map widget.

GoogleMap(polylines: route.routes),

If you ever want to clear the routes, just call:

route.routes.clear();

If you want to calculate the distance of the route use you call the following function with the same List of points you used for drawing the route. You can also use it by itself.

/// Initialize a calculator
DistanceCalculator distanceCalculator = new DistanceCalculator();

/// Call a function that returns a string
/// Pass it the List of points
/// By default it will return with 1 decimal point but you can pass an 
/// option that changes that 
distanceCalculator.calculateRouteDistance(points, decimals: 1);

Credits

google maps for providing the map
flutter_polyline_points for the usage of directions api

Buscar categorias, pacotes e repositórios