[flutter] 플러터에서 지도 위에 가운데 표시자(center marker) 표시하기
먼저, google_maps_flutter 패키지를 사용하여 지도를 표시하는 것부터 시작하겠습니다. 아래는 pubspec.yaml 파일에서 해당 패키지를 추가하는 방법입니다.
dependencies:
flutter:
sdk: flutter
google_maps_flutter: ^2.0.4
다음으로, GoogleMap 위젯을 사용하여 지도를 표시합니다. 이때 중심 위치를 설정할 수 있으며, 이를 통해 가운데 표시자를 표시할 수 있습니다.
가운데 표시자를 표시하려면 Marker 위젯을 사용하여 해당 위치에 마커를 추가해야 합니다. 코드의 예시는 다음과 같습니다.
GoogleMap(
initialCameraPosition: CameraPosition(
target: LatLng(37.7749, -122.4194), // 초기 중심 위치 설정
zoom: 12.0,
),
markers: Set<Marker>.of(<Marker>[
Marker(
markerId: MarkerId('centerMarker'),
position: LatLng(37.7749, -122.4194), // 중심 위치와 동일한 위치
icon: BitmapDescriptor.defaultMarker, // 기본 마커 아이콘 사용
),
]),
)
위의 예시 코드에서 Marker 위젯을 사용하여 중심 위치에 마커를 추가하고 있습니다. 이를 통해 지도 상에 가운데 표시자를 표시할 수 있습니다.
플러터에서 지도 위에 가운데 표시자를 표시하는 방법에 대한 간단한 예시를 제공해보았습니다. 만약 추가적인 질문이 있으시다면 언제든지 물어보세요!