google_maps_routes

Creator: coderz1093

Last updated:

Add to Cart

Description:

google maps routes

google_maps_routes #
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';
copied to clipboard
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),
];
copied to clipboard
Then you need to instantiate this plugin
MapsRoutes route = new MapsRoutes();
copied to clipboard
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);
copied to clipboard
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
);
copied to clipboard
To display the polylines you need to add a polylines parameter to your google map widget.
GoogleMap(
polylines: route.routes
)
copied to clipboard
If you ever want to clear the routes, just call:
route.routes.clear();
copied to clipboard
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);
copied to clipboard
Credits #

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

License

For personal and professional use. You cannot resell or redistribute these repositories in their original state.

Customer Reviews

There are no reviews.