summaryrefslogtreecommitdiff
path: root/lib/screens/map_screen.dart
blob: db224e415eef6d05c59cea6b3591cb19367f0fef (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
import 'dart:async';

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

class MapSample extends StatefulWidget {
  const MapSample({super.key});

  @override
  State<MapSample> createState() => MapSampleState();
}

class MapSampleState extends State<MapSample> {
  // MapType tipoMapa = MapType.normal;
  ValueNotifier<MapType> tipoMapa = ValueNotifier(MapType.normal);

  final Completer<GoogleMapController> _controller =
      Completer<GoogleMapController>();

  static const CameraPosition _kGooglePlex = CameraPosition(
    target: LatLng(37.42796133580664, -122.085749655962),
    zoom: 14.4746,
  );

  static const CameraPosition _kLake = CameraPosition(
      bearing: 192.8334901395799,
      target: LatLng(37.43296265331129, -122.08832357078792),
      tilt: 59.440717697143555,
      zoom: 19.151926040649414);

  CircularMenu circularMenu() => CircularMenu(items: [
        CircularMenuItem(
          icon: Icons.map,
          onTap: () {
            tipoMapa.value = MapType.normal;
          },
        ),
        CircularMenuItem(
          icon: Icons.satellite,
          onTap: () {
            tipoMapa.value = MapType.satellite;
          },
        ),
        CircularMenuItem(
          icon: Icons.terrain,
          onTap: () {
            tipoMapa.value = MapType.terrain;
          },
        ),
        CircularMenuItem(
          icon: Icons.star,
          onTap: () {
            tipoMapa.value = MapType.hybrid;
          },
        ),
      ]);

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: ValueListenableBuilder(
        valueListenable: tipoMapa,
        builder: (context, value, child) => GoogleMap(
          mapType: value,
          initialCameraPosition: _kGooglePlex,
          onMapCreated: (GoogleMapController controller) {
            _controller.complete(controller);
          },
        ),
      ),
      // floatingActionButton: FloatingActionButton.extended(
      //   onPressed: _goToTheLake,
      //   label: const Text('To the lake!'),
      //   icon: const Icon(Icons.directions_boat),
      // ),
      floatingActionButton: circularMenu(),
    );
  }

  Future<void> _goToTheLake() async {
    final GoogleMapController controller = await _controller.future;
    controller.animateCamera(CameraUpdate.newCameraPosition(_kLake));
  }
}