FlutterFlow 기초 - #38 베이스 위젯 GoogleMap

베이스 위젯 GoogleMap위젯  사용방법

 구글 맵(GoogleMap)위젯은 앱에 인터랙티브 지도를 통합하여 사용자에게 유용한 지리적 정보를 제공하기 위해 사용하는 위젯

Properties 설정하기

1) Padding & Alignment

• GoogleMap 전체의 Padding과 Ailgnment를 설정

2) Google Map

• Num Markers : 마커 개수를 단일 또는 다수로 할 지 설정
• Marker Icon : 마커 아이콘 이미지를 설정(Image 선택 시 이미지를 업로드하여 사용 가능)
• Marker Color : 마커의 색상(기본 마커를 사용하는 경우에만 해당)
• Map Type : 지도 유형
  • Roadmap : 기본 로드맵 보기
  • Terrain : 지형 정보를 기반으로 실제 지도를 표시
  • Hybrid : 일반 보기와 위성 보기를 결합
  • Satellite : Google Earth의 위성 이미지를 표시
• Map Style : 맵의 스타일 설정
• Initial Map Center(Lat, Lng) : 맵을 열었을 때 보여질 초기 위치 좌표 값
• Initial Map Zoom : 지도 초기의 확대/축소 수준을 설정

• Allow Interacting with the Map : 지도와의 상호작용 허용(드래그, 확대/축소)
• Allow Zomming the Map : 지도 확대/축소 허용
• Show Zoom Buttons on the Map : 지도 확대/축소 버튼 표시
• Show User Location : 사용자의 현재 위치 표시
• Show Compass : 나침반 표시
• Show Map Toolbar : 지도 도구 모임 툴바 활성화
• Show Traffic on Map : 교통량 표시
• Center Map on Marker Tap : 마커 탭 중심으로 지도를 위치
• Update Page On Map Move : 지도를 움직이면 자동 업데이트