지도를 클릭하여 정보를 확인할 수 있는 Bottom Sheet를 만들기 위해서는 showModalBottomSheet 함수를 사용할 수 있습니다. 이 함수는 모달 형태의 Bottom Sheet를 화면에 표시합니다. Bottom Sheet가 올라와도 뒷 화면이 여전히 조작 가능하게끔 만들기 위해서는 isScrollControlled 속성을 true로 설정하여 화면의 전체 높이를 차지하도록 만들어줄 수 있습니다.

아래는 이러한 방식으로 지도를 클릭하여 정보를 확인할 수 있는 Bottom Sheet를 만드는 예시입니다:

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: MapScreen(),
    );
  }
}

class MapScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Map with Bottom Sheet'),
      ),
      body: GestureDetector(
        onTap: () {
          // 지도를 클릭했을 때, Bottom Sheet를 보여줌
          showModalBottomSheet(
            context: context,
            isScrollControlled: true, // 화면의 전체 높이를 차지하도록 함
            builder: (BuildContext context) {
              return Container(
                height: MediaQuery.of(context).size.height * 0.8, // 화면의 80%만큼 높이 지정
                child: Column(
                  children: [
                    Expanded(
                      child: Container(
                        color: Colors.white,
                        child: Center(
                          child: Text('지도 아래에 정보가 표시됩니다.'),
                        ),
                      ),
                    ),
                    Container(
                      height: 50,
                      color: Colors.blue,
                      child: Center(
                        child: Text('바텀 시트 내 버튼 등 다른 내용'),
                      ),
                    ),
                  ],
                ),
              );
            },
          );
        },
        child: Center(
          child: Text('지도'),
        ),
      ),
    );
  }
}

위 코드에서는 GestureDetector로 감싸져 있는 지도 부분을 클릭하면 showModalBottomSheet 함수가 호출되어 Bottom Sheet가 화면 아래에서 올라오게 됩니다. isScrollControlledtrue로 설정하여 Bottom Sheet가 전체 높이를 차지하도록 하고, Bottom Sheet 내부에는 지도 아래에 정보가 표시되는 영역과 다른 내용을 포함할 수 있는 구성을 만들었습니다.