Виджет Static Map

Виджет StaticMap показывает картинку карты от Mapbox. Подходит, когда нужно просто отметить место — без масштабирования, прокрутки и прочего взаимодействия.

Добавление виджета

1. Перетащите виджет StaticMap из вкладки Base Elements палитры или добавьте его прямо в дерево виджетов.
2. Для отрисовки нужен ключ Mapbox API. Заведите аккаунт Mapbox, вернитесь во FlutterFlow, откройте в панели свойств секцию Static Map и вставьте ключ в поле Mapbox API Key.
3. Введите координаты места в поля Lat и Lng.

Настройка

Вид и поведение виджета настраиваются свойствами в панели свойств.

Стиль карты

1. Выберите StaticMap в дереве виджетов или на холсте.
2. В панели свойств пролистайте до секции Static Map.
3. В свойстве Map Style выберите один из вариантов: Light, Dark, Outdoor, Street, Satellite или Detailed Satellite.

Масштаб, наклон и поворот

1. Выберите StaticMap в дереве виджетов или на холсте.
2. В панели свойств пролистайте до секции Static Map.
3. Map Zoom — масштаб. Ноль означает полное отдаление; чем больше значение, тем крупнее план.
4. Map Tilt — наклон карты.
5. Map Rotation — поворот.

Маркер

По умолчанию маркер не виден. Он появится, как только вы зададите его цвет; вместо стандартной метки можно поставить свою картинку по ссылке.

1. Выберите StaticMap в дереве виджетов или на холсте.
2. В панели свойств пролистайте до секции Static Map.
3. В свойстве Map Marker Color нажмите на квадрат рядом с Unset, выберите цвет и нажмите Use Color — или нажмите Unset и введите шестнадцатеричный код.
4. Свою иконку задают ссылкой в поле Map Marker URL.

Размер картинки виджет не меняет — подготовьте её заранее в нужном размере.

Кеширование

С включённым кешем картинка карты сохраняется и показывается даже без интернета.

1. Выберите StaticMap в дереве виджетов или на холсте.
2. В панели свойств пролистайте до секции Static Map Image.
3. Включите тумблер Cache.

Вписывание картинки

Свойство Box Fit определяет, как картинка карты вписывается в размеры виджета — растягивается, обрезается или масштабируется целиком.

1. Выберите StaticMap в дереве виджетов или на холсте.
2. В панели свойств пролистайте до секции Static Map Image.
3. Попробуйте разные значения в списке Box Fit.