Custom icon marker just wont work on IOS

[elazarza]

Describe the bug
I am trying to show a custom icon marker on the map, tried every possible way. the only way it worked and only on development env and not production, is if I run the capcitor server on https://192.168 and refer the icon url to there like https://192.168.x.x/assets/marker.png

I have tried to put absolutley every possible URL i could think of, eg.
/assets/marker.png
public/assets/marker.png
marker.png
www/assets/marker.png
capacitor://localhost/assets/marker.png
https://localhost/assets/marker.png

even with capacitor's Capacitor.convertFileSrc('')
and all with no luck.
get the same error in xCode - Error Domain=NSURLErrorDomain Code=-1002 "unsupported URL"

what is the correct and for sure working-in-production way of doing that on IOS?

To Reproduce
Steps to reproduce the behavior:
create a marker with icon.url refering to the file you need in the assets folder.

Expected behavior
the png shows instead of google's default pin

Additional context
im using the lastest plugin version with Capacitor 6

[DGeoWils]

I was able to get this to work on iOS by using this code. I have not tested on Android at this time.

  mapMarker = position: {
                    latitude: marker.latitude,
                    longitude: marker.longitude,
                },
                preferences: {
                    title: marker.name,
                    icon: {
                        url: `${window.location.protocol}//${window.location.host}/assets/img/marker-pin.png`,
                        size: {
                            width: 25,
                            height: 41
                        },
                    },
                    anchor: {
                        x: .5,
                        y: 1
                    }
                }