How to create custom Image Marker for google map in flutter and us it inside custom widget?

Question

How to use custom widget as market in flutter google map as to below image or how to achieve the below image as output in flutter ?

This is my first time working with maps in flutter. I know that I need to convert Image to Unit8List but that is the image only ! how to do it with images inside a custom widget ?

Images are from network api calls and the format is base46 string.

Answer 1

The working solution which I got after hours of testing is masking + adding border as per requirement to image on server side. as I was already able to convert the image to BitmapDescriptor. so simply it now I got the desired output.

Note: I was also able to convert the base64 Image String to image and get it working in the mobile app. Issue is sometimes it displays and sometimes not. and as the quantity of the images increase, the issue too. so the above solutions is the best solution one can implement with practical simplicity.