react-native-web-maps icon indicating copy to clipboard operation
react-native-web-maps copied to clipboard

Custom Image Marker Support

Open alyjan opened this issue 1 year ago • 3 comments

When will custom image markers be supported through the Marker component? I see it's planned per the documentation but no timeline is given. Currently any value passed into image prop is ignored

  <Marker 
      coordinate={coordinate} 
      onPress={onPress} 
      image={image} />

alyjan avatar Oct 12 '23 15:10 alyjan

Got the same issue. Really missing this property :( We're writing polygon my markers and it looks a bit ugly with classic ones.

IgorErmakov avatar Apr 02 '24 15:04 IgorErmakov

You can add a custom marker by adding a View or whatever you want inside the <Marker> tag. For example:

<Marker coordinate={{ latitude: 35.2156095, longitude: -80.8570135 }}>
    <img src="https://cataas.com/cat" width={50} height={50} />
</Marker>

Will generate:

image

omardlhz avatar Apr 25 '24 04:04 omardlhz

Thank you very much.

On 25 Apr 2024, at 07:16, Omar De La Hoz @.***> wrote:

You can add a custom marker by adding a View or whatever you want inside the <Marker> tag. For example:

<Marker coordinate={{ latitude: 35.2156095, longitude: -80.8570135 }}> </Marker> Will generate:

image.png (view on web) https://github.com/teovillanueva/react-native-web-maps/assets/8744329/203013b7-c2a7-4d88-b3f8-595b560e26d3 — Reply to this email directly, view it on GitHub https://github.com/teovillanueva/react-native-web-maps/issues/34#issuecomment-2076328344, or unsubscribe https://github.com/notifications/unsubscribe-auth/AADZJ6BYHYW3EWMWKDVJ6OTY7B7TDAVCNFSM6AAAAAA552C3G6VHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDANZWGMZDQMZUGQ. You are receiving this because you commented.

IgorErmakov avatar Apr 25 '24 07:04 IgorErmakov