FlutterFlow 기초 - #37 베이스 위젯 StaticMap

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

 스태틱 맵(StaticMap)위젯은 확대, 축소, 지도 스크롤과 같은 상호 작용이나 컨트롤 없이 지도에 위치를 표시하려는 경우에 사용하는 지도 위젯

StaticMap위젯을 사용하기 위해서는 Mapbox API키가 필요함. Mapbox 계정을 생성하여 API키를 받은 후 Mapbox API key 부분에 복사하여 붙여넣으면 사용이 가능함

Properties 설정하기

1) Padding & Alignment

• StaticMap 전체의 Padding과 Ailgnment를 설정

2) Static Map

• Mapbox API Key : Mapbox 고유의 개인 키 값 입력
• Location : 표시할 지도의 위도, 경도 값
• Map Style : 지도 스타일
• Map Zoom  / Tilt / Rotation : 지도의 확대/축소, 기울기, 회전 값
• Map Marker Color : 지도의 마커 색상
• Map Marker URL : 지도 마커의 모양

3) Static Map Image

• Width & Height : 지도의 가로 세로 크기
• Border Radius : 지도 모서리 라운드 처리
• Cached : 캐시 활성화( 지도 이미지가 저장되어 인터넷을 사용할 수 없을 때 표시)
• Box Fit : 지도 이미지의 크기를 box에 맞춤 설정