How to use custom markers with @react-google-maps/api (related to web only)

[fuelkoy]

Hey.

I have been happily using expo-router and been really satisfied with it. Now though I encountered a problem I'm not able to solve by myself. How to use custom markers with @react-google-maps/api? Previously I used component as follows:

      <Marker
        position={{ lat: value.latitude, lng: value.longitude }}
        icon={{
          url: require('../MarkerGreen.svg'),
          scaledSize: new google.maps.Size(30, 40),
        }}
      />

But now it seems that this throws error: InvalidValueError: setIcon: in property url: not a string

Some notes I made:

1. If I use path prop instead of url there is no error, but the markers don't appear at all.
2. If I import image just like: url: '../MarkerGreen.svg', the image is showing correctly on development but this is not working when the hosted

repo: https://github.com/fuelkoy/react-native-maps-img

Thank you for all the help 🙏

[fuelkoy]

Not resolved but not needed at the moment