Google maps network image as marker.

[rijaaz]

Now only asset images are able to add as markers, it would be very helpful if I can load network images from the backend as marker images.

[zoechi]

Looks like a duplicate of #24865 which is supposed to be solved by flutter/plugins#815 which allows to load an image from bytes which you can get from wherever you want.

[zoechi]

#24213 is about allowing every widget

[iskakaushik]

Hi @rijaaz , with the new api you can pass in any uint8list, which should allow you to fetch network images. Does that solve your use-case?

Thanks!

[duzenko]

Does not solve mine.
I need to be able to pass scaling != 1 to BitmapDescritpor

[iskakaushik]

@duzenko could you please create a new issue for that. Thanks.

This is only to track allowing network images to be used as markers.

[no-response]

Without additional information, we are unfortunately not sure how to resolve this issue. We are therefore reluctantly going to close this bug for now. Please don't hesitate to comment on the bug if you have any more information for us; we will reopen it right away!
Thanks for your contribution.

[theamiri]

Yes you can do that by declaring the following function 👍

Future<Uint8List> getMarkerIcon({String url, int markerSize}) async {
    try {
      var markerImageFile = await DefaultCacheManager().getSingleFile(url);
      var markerImageByte = await markerImageFile.readAsBytes();
      var markerImageCodec = await instantiateImageCodec(
        markerImageByte,
        targetWidth: markerSize,
        targetHeight: markerSize,
      );
      var frameInfo = await markerImageCodec.getNextFrame();
      var byteData = await frameInfo.image.toByteData(
        format: ImageByteFormat.png,
      );
      var resizedMarkerImageBytes = byteData.buffer.asUint8List();
      return resizedMarkerImageBytes;
    } catch (e) {
      return null;
    }
  }

the use the return unit8list as a marker usin gthe following syntax 👍

getMarkerIcon(url: 'image url'], markerSize: markersize)
               .then((value) {
_markers.add(
               Marker(
                 markerId: MarkerId('your marker id'),
                 position: LatLng(latitude, longitude),
                 icon: value != null
                     ? BitmapDescriptor.fromBytes(value)
                     : defaultmarker,),);},