Flutter maps, the boring infra part
sorted.

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

const String mapStyle = 'https://maps.guru/api/v1/styles/standard/light/style.json?key=YOUR_API_KEY';

class CityMap extends StatelessWidget {
  const CityMap({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: MaplibreMap(
        options: MapOptions(
          center: GeoPoint(latitude: 28.6139, longitude: 77.209),
          zoom: 11,
          style: mapStyle,
        ),
        onMapCreated: (controller) {
          controller.addCircles(
            const CircleOptions(
              geometry: [
                GeoPoint(latitude: 28.6139, longitude: 77.209),
              ],
              circleColor: '#ff6b00',
              circleRadius: 8,
            ),
          );
        },
      ),
    );
  }
}