yarrow_map_flutter_sdk 0.0.4

Flutter SDK for Yarrow Maps with API parity to the web SDK.

Yarrow Map Flutter SDK

Flutter SDK for integrating Yarrow maps in mobile apps, with an API aligned to the Yarrow web SDK.

Features

• Render Yarrow map tiles via YarrowMapView.
• Programmatic map control with YarrowMapController and YarrowMap.
• Add/remove custom layers, explicit sources, and markers.
• Route building and route rendering helpers.
• Search highlighting and live bus route rendering helpers.
• 6-way controls placement: left, leftTop, leftBottom, right, rightTop, rightBottom.
• Automatic controls inset when controls and brand badge share the same corner.

Installation

flutter pub add yarrow_map_flutter_sdk

Controls and Badge

const YarrowMapConfig(
  center: (lng: 69.2401, lat: 41.2995),
  controls: YarrowControlsConfig(
    enabled: true,
    position: YarrowControlsPosition.rightBottom,
  ),
  brandBadgePosition: BrandBadgePosition.bottomRight,
)

When controls and badge are placed in the same corner, the Flutter SDK automatically applies spacing to avoid overlap.

Layer and Source APIs

YarrowMap now supports source-level operations aligned with web SDK:

• addSource(sourceId, data)
• updateSourceData(sourceId, data)
• addLayer(..., options: YarrowAddLayerOptions(sourceId: ..., filter: ...))
• queryRenderedFeatures(point: ..., options: ...)
• queryRenderedFeatures(rect: ..., options: ...)

Quick Start

import 'package:flutter/material.dart';
import 'package:yarrow_map_flutter_sdk/yarrow_map_flutter_sdk.dart';

class MapScreen extends StatefulWidget {
  const MapScreen({super.key});

  @override
  State<MapScreen> createState() => _MapScreenState();
}

class _MapScreenState extends State<MapScreen> {
  final controller = YarrowMapController();

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: YarrowMapView(
        config: const YarrowMapConfig(
          center: (lng: 69.2401, lat: 41.2995),
          zoom: 12,
        ),
        controller: controller,
        onReady: (map) async {
          await map.zoomTo(41.2995, 69.2401, 14);
        },
      ),
    );
  }
}

Notes

• This package uses maplibre_gl under the hood.
• Ensure platform setup for Flutter + MapLibre is completed in your app.