gazer / fasty_delivery

A Google Maps Demo for Flutter

🌐 Socials:

💻 Tech Stack:

📊 GitHub Stats:

fasty_delivery's Issues

Generar polylines correctamente

Hola, gracias por el video.

Estuve viendo porque quedaba la polyline incorrectamente dibujada y para que se dibuje correctamente sobre las calles, se debe obtener la propiedad overviewPolyline de la variable route, y decodificarla, para esto se puede utilizar el package google_polyline_algorithm

Despues de importar el package en el pubspec.yaml se deberia remplazar el findDirections por este codigo

Future<void> findDirections(maps.LatLng from, maps.LatLng to) async {
    final origin = Location(from.latitude, from.longitude);
    final destination = Location(to.latitude, to.longitude);

    final result = await directionsApi.directionsWithLocation(
      origin,
      destination,
      travelMode: TravelMode.driving,
    );

    final Set<maps.Polyline> newRoute = {};

    if (result.isOkay) {
      final route = result.routes[0];
      final enumPoints = decodePolyline(route.overviewPolyline.points);
      final List<maps.LatLng> points = [];

      for (final punto in enumPoints) {
        final coordenadas = maps.LatLng.fromJson(punto);
        points.add(coordenadas);
      }

      final line = maps.Polyline(
        points: points,
        polylineId: maps.PolylineId("mejor ruta"),
        color: Colors.red,
        width: 4,
      );
      newRoute.add(line);
      _route = newRoute;
      notifyListeners();
    } else {
      print("ERRROR !!! ${result.status}");
    }
  }