[flutter] 플러터 Container에서 지도와 위치 기반 서비스를 사용하는 방법은 무엇인가요?
  1. 먼저, google_maps_flutter 패키지를 프로젝트에 추가합니다. pubspec.yaml 파일에 다음을 추가하여 패키지를 가져옵니다.

     dependencies:
       flutter:
         sdk: flutter
       google_maps_flutter: ^2.0.6
    
  2. 그런 다음, 다음의 코드를 통해 Container 위젯 안에 구글 지도를 표시합니다.

     import 'package:google_maps_flutter/google_maps_flutter.dart';
    
     // ...
    
     Container(
       height: 300,
       child: GoogleMap(
         initialCameraPosition: CameraPosition(
           target: LatLng(37.7749, -122.4194), // 초기 중심 위치
           zoom: 15.0, // 초기 줌 레벨
         ),
         markers: Set<Marker>.from([
           Marker(
             markerId: MarkerId("current_location"),
             position: LatLng(37.7749, -122.4194), // 사용자 현재 위치
           ),
         ]),
       ),
     )
    
  3. 사용자의 현재 위치를 가져오려면 geolocator 패키지를 사용하여 위치 정보에 액세스해야 합니다. 패키지를 가져오기 위해 pubspec.yaml 파일에 다음을 추가합니다.

     dependencies:
       flutter:
         sdk: flutter
       google_maps_flutter: ^2.0.6
       geolocator: ^9.1.1
    
  4. 아래의 코드를 사용하여 사용자의 현재 위치를 가져옵니다.

     import 'package:geolocator/geolocator.dart';
    
     // ...
    
     void _getUserLocation() async {
       // 현재 위치를 가져오기 위해 위치 권한이 필요합니다.
       LocationPermission permission = await Geolocator.requestPermission();
         if (permission == LocationPermission.whileInUse) {
           Position position = await Geolocator.getCurrentPosition(desiredAccuracy: LocationAccuracy.high);
           print("현재 위치: ${position.latitude}, ${position.longitude}");
         }
     }
    

위 코드를 사용하여 Container에서 구글 지도를 표시하고 사용자의 현재 위치를 가져오실 수 있습니다. 이제 Container 내에서 지도 및 위치 기반 서비스를 통합하는 방법을 알게 되었을 것입니다. 만약 추가 질문이 있으시다면 언제든지 물어보세요!