Circles and polylines

src/client/lib/src/pages/home.dart

@@ -70,11 +70,23 @@ class HomePage extends ReactiveWidget<HomeModel> {
                       ),
                       markers: model.markers,
                       onTap: model.onMapTapped,
+                      circles: {
+                        for (final route in model.pathStops)
+                          for (final stop in route) Circle(
+                            circleId: CircleId(stop.hashCode.toString()),
+                            center: stop.toLatLng(),
+                            fillColor: Colors.white,
+                            radius: 2,
+                          ),
+                      },
                       polylines: {
-                        for (final (index, route) in model.paths.indexed) Polyline(
+                        for (final (index, route) in model.pathStops.indexed) Polyline(
                           polylineId: PolylineId(index.toString()),
                           color: routeColors[index],
-                          points: route,
+                          points: [
+                            for (final stop in route)
+                              stop.toLatLng(),
+                          ],
                         ),
                       },
                     )

src/client/lib/src/view_models/home.dart

@@ -124,7 +124,8 @@ class HomeModel extends ViewModel with HomeMarkers {
           pathStops.last.add(position);
         case SearchMethod.transfer:
           pathWaypoint.add(position);
-          pathStops.add([]);
+          pathStops.last.add(position);
+          pathStops.add([position]);
         case SearchMethod.walk:
           final prevStep = path[index - 1];
           final prevStopID = prevStep.stopID;