[flutter] 플러터 Container에서 지도와 위치 기반 서비스를 사용하는 방법은 무엇인가요?
-
먼저,
google_maps_flutter
패키지를 프로젝트에 추가합니다.pubspec.yaml
파일에 다음을 추가하여 패키지를 가져옵니다.dependencies: flutter: sdk: flutter google_maps_flutter: ^2.0.6
-
그런 다음, 다음의 코드를 통해
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), // 사용자 현재 위치 ), ]), ), )
-
사용자의 현재 위치를 가져오려면
geolocator
패키지를 사용하여 위치 정보에 액세스해야 합니다. 패키지를 가져오기 위해pubspec.yaml
파일에 다음을 추가합니다.dependencies: flutter: sdk: flutter google_maps_flutter: ^2.0.6 geolocator: ^9.1.1
-
아래의 코드를 사용하여 사용자의 현재 위치를 가져옵니다.
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
내에서 지도 및 위치 기반 서비스를 통합하는 방법을 알게 되었을 것입니다. 만약 추가 질문이 있으시다면 언제든지 물어보세요!