Custom markers with Flutter Google Maps plugin Custom markers with Flutter Google Maps plugin flutter flutter

Custom markers with Flutter Google Maps plugin


BitmapDescriptor customIcon;// make sure to initialize before map loadingBitmapDescriptor.fromAssetImage(ImageConfiguration(size: Size(12, 12)),        'assets/images/car-icon.png')    .then((d) {  customIcon = d;});final nearbyCarsLocation = [  LatLng(24.9286825, 67.0403249),  LatLng(24.985577, 67.0661056), //24.9294892,67.0391903,18.73z];void _getNearByCars() {  for (var i = 0; i < nearbyCarsLocation.length; i++) {    var now = new DateTime.now().millisecondsSinceEpoch;    _markers.add(Marker(      markerId: MarkerId(nearbyCarsLocation[i].toString() + now.toString()),      position: nearbyCarsLocation[i],      // infoWindow: InfoWindow(title: address, snippet: "go here"),      icon: customIcon ));  }  notifyListeners();}

Hope this will help in getting custom nearby localities


I'm using:

controller.addMarker(MarkerOptions(  icon: BitmapDescriptor.fromAsset("images/restaurant.png"),  position: LatLng(40.017870, -105.278350),));

It works fine on Android, but it doesn't work on iOS.


BitmapDescriptor.fromAsset is deprecated

Use BitmapDescriptor.fromAssetImage instead.

It respects the device DPI when choosing the appropriate asset. See Declaring resolution-aware image assets.