simple_tiles_map 2.1.1

Crea fondos de mapa de OpenStreetMap, google, Stamen, CartoMap, Esri de forma sencilla.

Simple Tiles Map

Capturas

Cómo utilizar?

Ejemplo de uso básico

import 'package:flutter/material.dart';
import 'package:simple_tiles_map/simple_tiles_map.dart';
void main() => runApp(const MyApp());

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

  @override
  Widget build(BuildContext context) {
    LatLng? mapCenter = const LatLng(-16.480954, -68.189594);
    MapOptions mapOptions = MapOptions(
      initialCenter: mapCenter,
      maxZoom: 19,
      minZoom: 5,
    );
    return MaterialApp(
      title: 'Tiles Basemap',
      home: Scaffold(
        appBar: AppBar(
          title: Text('Mapa Base ${TypeMap.stamenWater}'),
        ),
        body: Column(
          children: [
            SimpleTilesMap(
              typeMap: TypeMap.stamenWater,
              mapOptions: mapOptions,
              isOffline: false, mapController: MapController(),
            ),
          ],
        ),
      ),
    );
  }
}

Ejemplo insertando un Marker

import 'package:flutter/material.dart';
import 'package:flutter_map/flutter_map.dart';
import 'package:latlong2/latlong.dart';
import 'package:simple_tiles_map/simple_tiles_map.dart';

void main() => runApp(const MyApp());

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

  @override
  Widget build(BuildContext context) {
    Marker myMarker = Marker(
      width: 80.0,
      height: 80.0,
      point: LatLng(-16.480954, -68.189594),
      builder: (ctx) => const Icon(
        Icons.add_location_alt,
        color: Colors.red,
        size: 50,
      ),
    );
    return MaterialApp(
      title: 'Tiles Basemap',
      home: Scaffold(
        appBar: AppBar(
          title: const Text('Set Marker on Map'),
        ),
        body: Column(
          children: [
            SimpleTilesMap(
              typeMap: TypeMap.osmHot,
              isOffline: false,
              otherLayers: [
                MarkerLayer(
                  markers: [
                    myMarker,
                  ],
                )
              ],
            ),
          ],
        ),
      ),
    );
  }
}