Custom Google Map Flutter

add_markers.dart

Set<Marker> markerLocations = <Marker>{
    const Marker(
      markerId: MarkerId('location1'),
      position: LatLng(37.483210, -122.145176),
    ),
    const Marker(
      markerId: MarkerId('location2'),
      position: LatLng(37.482144, -122.144668),
    )
  };

custom_google_map_markers.dart

import 'dart:async';

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

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

  @override
  State<CustomMapSample> createState() => CustomMapSampleState();
}

class CustomMapSampleState extends State<CustomMapSample> {
  final Completer<GoogleMapController> _controller =
  Completer<GoogleMapController>();

  Set<Marker> markerLocations = <Marker>{
    const Marker(
      markerId: MarkerId('location1'),
      position: LatLng(37.483210, -122.145176),
    ),
    const Marker(
      markerId: MarkerId('location2'),
      position: LatLng(37.482144, -122.144668),
    )
  };
  static const CameraPosition nearMetaHeadquarters = CameraPosition(
    target: LatLng(37.483498, -122.144196),
    zoom: 15,
  );
  
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: const Text("Map Sample"),),
      body: GoogleMap(
        mapType: MapType.normal,
        initialCameraPosition: nearMetaHeadquarters,
        markers: markerLocations,  //******ADD THIS *********
        onMapCreated: (GoogleMapController controller) {
          _controller.complete(controller);
        },
      ),
    );
  }
}

custom_google_map_markers2.dart

import 'dart:async';

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

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

  @override
  State<CustomMapSample> createState() => CustomMapSampleState();
}

class CustomMapSampleState extends State<CustomMapSample> {
  final Completer<GoogleMapController> _controller =
  Completer<GoogleMapController>();

  Set<Marker> markerLocations = {};

  static const CameraPosition nearMetaHeadquarters = CameraPosition(
    target: LatLng(37.483498, -122.144196),
    zoom: 15,
  );


  @override
  void initState() {
    // TODO: implement initState
    super.initState();
    setMarkers();
  }

  Future<void> setMarkers() async {
    markerLocations = <Marker>{
     Marker(
    icon: await BitmapDescriptor.fromAssetImage(const ImageConfiguration(size: Size(5, 5)), 'assets/free.png'),
    markerId: MarkerId('location1'),
    position: LatLng(37.483210, -122.145176),
    ),
     Marker(
      icon: await BitmapDescriptor.fromAssetImage(const ImageConfiguration(size: Size(5, 5)), 'assets/delivery_bike.png'),
    markerId: MarkerId('location2'),
    position: LatLng(37.482144, -122.144668),
    )
    };

    setState(() {

    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: const Text("Map Sample"),),
      body: GoogleMap(
        mapType: MapType.normal,
        initialCameraPosition: nearMetaHeadquarters,
        markers: markerLocations!,
        onMapCreated: (GoogleMapController controller) {
          _controller.complete(controller);
        },
      ),
    );
  }
}

custom_google_map_simple.dart

import 'dart:async';

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

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

  @override
  State<CustomMapSample> createState() => CustomMapSampleState();
}

class CustomMapSampleState extends State<CustomMapSample> {
  final Completer<GoogleMapController> _controller =
  Completer<GoogleMapController>();

  static const CameraPosition nearMetaHeadquarters = CameraPosition(
    target: LatLng(37.483498, -122.144196),
    zoom: 15,
  );
  
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: const Text("Map Sample"),),
      body: GoogleMap(
        mapType: MapType.normal,
        initialCameraPosition: nearMetaHeadquarters,
        onMapCreated: (GoogleMapController controller) {
          _controller.complete(controller);
        },
      ),
    );
  }
}