Skip to content

<Image /> as Child for Marker not displayed #18

@levkovich2806

Description

@levkovich2806

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"
/>

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.)

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions