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

void main() {
  runApp(const MapToggleWidget());
}

class MapToggleWidget extends StatefulWidget {
  const MapToggleWidget({Key? key}) : super(key: key);

  @override
  _MapToggleWidgetState createState() => _MapToggleWidgetState();
}

class _MapToggleWidgetState extends State<MapToggleWidget> {
  bool _showMap = true;
  GoogleMapController? _mapController;

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: const Text('Map Toggle Example')),
        body: Column(
          children: [
            Expanded(child: _showMap ? buildGoogleMap() : buildNoMapContainer()),
            Padding(
              padding: const EdgeInsets.all(8.0),
              child: ElevatedButton(
                onPressed: () => setState(() => _showMap = !_showMap),
                child: Text(_showMap ? 'Hide Map' : 'Show Map'),
              ),
            ),
          ],
        ),
      ),
    );
  }

  Container buildNoMapContainer() {
    return Container(
      color: Colors.grey[300],
      child: const Center(
        child: Text(
          'Map is hidden',
          style: TextStyle(fontSize: 18),
        ),
      ),
    );
  }

  GoogleMap buildGoogleMap() {
    return GoogleMap(
      mapType: MapType.satellite,
      initialCameraPosition: const CameraPosition(
        target: LatLng(-38.9000, 175.8000),
        zoom: 10.0,
      ),
      onMapCreated: _onMapCreated,
    );
  }

  void _onMapCreated(GoogleMapController controller) {
    _mapController = controller;
    // wait a moment for layout, then move camera to fit the bounds
    Future.delayed(const Duration(milliseconds: 100), () {
      _mapController?.animateCamera(
        CameraUpdate.newLatLngBounds(
            LatLngBounds(
              southwest: const LatLng(-38.9000, 175.8000),
              northeast: const LatLng(-38.4000, 176.4000),
            ),
            50.0),
        duration: const Duration(seconds: 5),
      );
    });
  }
}