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

<Image /> as Child for Marker not displayed

Open levkovich2806 opened this issue 5 years ago • 2 comments

Is this a bug report?

Yes

Have you read the Installation Instructions?

Yes

Environment

"react-native": "^0.62.0", "react": "16.11.0", "react-native-maps-osmdroid": "^0.26.1-rc1",

Steps to Reproduce

(Write your steps here:)

height: 40 markerUri: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAE9klEQVR4Xu2aach1UxTHf695ylxkFspQyJBZxiS8IsqQ8MX8AQmZPhAZwhfzF2QsIlOZZSYziTJknpKQee5X57xt2z73jPc8R89Zdbu3e9Zew3/vvfZaa585zHKaM8v9ZwRgXAGzHIFxC8zyBTAGwa62gHLWAtYD1gYWntLK+hV4F3gLeA/4u62etgA4fn/gLGCDtsbUHP8mcDZwWxsg2gCwBHA3sGNNw7tmfwyYC/zQRHBTAJYC7ge2bKJ0CmOeBXYHvqsruykAlwPHJJR9A3zQZkmWOKC9awDLJvi06bg+ADDYGYQWDJR9DRwL3A78VdeImvzzAfsBOrx8MPZ3YF3g/TrymqyAq4EjAiW/AFsAr9dR3AHvhsDzwCKBLG07qo7sugAsBHwBLBMouSKb/Tp6u+KNt6JbcEXA1VCJ6gJgtL0rkrwV8Fwlbd0zqfuZSKw23lNVVV0AbgEOCIS734wJM0nasGZggDYeVNWgOgAsDnwFLBYIPxc4o6qyKfFpw2mB7B+BFQC/S6kOAAcDN0YS189OhFJFU2TQBrPCkLT15io66wBwL7BHIPQ1YOMqSnrg0RZPhZy0da8qeqsCsBzweXT2nwJcWEVJDzzacn6gx1PA08BTYSJVBeBI4KpI0urAR2UKenq+GvBhpEubrynTXxWAx4HtA2GWoUsD3xcoMF9YJcvUDJqLZsEz9VsRPwM/ZZ/UbzPNT4DfCvQtCXwL/+pvaPMOXQCgI850DNYDwHVZxHUGwo9RuCq4ZTbmzwX9y8wW7ck//ncYsFskyJTcVSpwhVTFyJOAi6paOTA+bb+4DQAWHi8NKNrXxfdVYNNJBdqkFWDicxOwd12tA+M3dTcvSCZGRQD4/4PALgNzpqk5D2Ux4j89xCIA/s/7vgikZDxIAWB9/VlU8jZFfkjjTIpWAuwsz6MUAAdWzaOH5F1FW/Tt1jIALgWOLxBoM8S+231ZYmNn6BxggQJ+0T4EuBP4o6KROZsy9wFumHDPoMwzs4zPRMpa5bIsDU6p07cTywC4I1McCzCx2ASw8AjpBOCSAueuLGie1sHCjtPRBQN0RqdC2gh4GfAIj8mJ2LcMgIeBnRODn4zS4ZzF9NaUeP7EmPOA0+t4m+CN6/2c5U/AFNiZj+kJYLvE/4/EJ1sqBhQBYJvJdlOKPGPDRknO8ylg2+rjhiCsCtjzXzkxXsfNVVLkhU2qHG4FgAWJuXWMeKovFxolOC82jAGbTXBSHVtnAIX6nAgrw7Blnj9vBYBCjKAWHvlRYqFkkmE/fibobWDXoODxUtYCLexbhna1BkBh5ggK8m7QCiy19PsEwxVpZerdoLHLs76IOgGgT+e61jUC0OYU6Ho2ZkLeuALGFRCV+HUSoZlYsl3rHLdAF1vAN0DM8U067B20/XaWfcfA5Krtt3eEvkEy1TzAJqkp6hDJlNsm6AhAAQKVYkB8CRrLehrYdojTDzwFbDPBNhs5e4bPU6dAfNEYy/NCVJ4h0gXAyRMMOxWQZx4VNUVfKajwvI7yGrr2+3g9oeX7i28A9hFi8s02O1oG2okA+NB7vmuBnQJeGxOHAu/05ExTNesA12eNmFzGo8DhqdvssrtBEfNY8YLxhSm+ANnU2aJx+rV5dkPtsW2PMEllAHRt2ODkjQAMbkp6NmhcAT0DPjh14woY3JT0bNC4AnoGfHDqZv0K+AelnfdBPdzPnwAAAABJRU5ErkJggg==" width: 40

<Marker key={tracker_uuid} coordinate={{latitude: xcoord, longitude: ycoord}} title={tracker_uuid} description={address} identifier={tracker_uuid.toString()} anchor={{x: 0.5, y: 0.5}} > <Image onLoad={() => this.forceUpdate()} source={{uri: markerUri}} style={{width, height}} resizeMode="contain" /> </Marker>

Expected Behavior

Image is not displayed on the map If you add an image through image in Marker, the image is displayed

Actual Behavior

(Write what happened. Add screenshots!)

Reproducible Demo

(Paste the link to an example project and exact instructions to reproduce the issue.)

levkovich2806 avatar May 04 '20 06:05 levkovich2806

Probably related to be a dataUri. I will look into this for the next version.

fqborges avatar May 18 '20 17:05 fqborges

same issue. did you get a chance to look into it?

gametack avatar Dec 04 '20 06:12 gametack