import 'package:cloud_firestore/cloud_firestore.dart';
import 'package:flutter/material.dart';
import 'package:flutter/widgets.dart';
import 'package:flutter_map/flutter_map.dart';
import 'package:latlong/latlong.dart';
import 'package:flutter_map_firestore/flutter_map_firestore.dart';

class Map extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return new FlutterMap(
      options: new MapOptions(
        plugins: [FirestoreMarkerPlugin()],
      ),
      layers: [
        new TileLayerOptions(
            urlTemplate: "https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png",
            subdomains: ['a', 'b', 'c']),
        new FirestoreMarkerLayerOptions(Firestore.instance.collection('markers'), //connect own firestore collection
            (document) {
          GeoPoint point = document["location"]; //use for example Firestore GeoPoint
          return Marker(
              width: 50.0,
              height: 50.0,
              point: LatLng(point.latitude, point.longitude),
              builder: (ctx) => new Container(
                    child: new FlutterLogo(),
                  ));
        }),
      ],
    );
  }
}