webentwicklung-frage-antwort-db.com.de

Reagiere auf native Maps - Benutzerdefiniertes Markierungsbild Wird in höheren Android-Versionen nicht gerendert

Bilder werden nicht auf Markern angezeigt.

Hallo, ich entwickle eine App für Android mit dem React-Native, die das Paket react-native-maps verwendet.

Alle Plattformen laufen ohne Probleme, mit Ausnahme von Android 7.1+.

Alle auf Markern enthaltenen Bilder werden nicht angezeigt/geladen

In der Markerkomponente gibt es eine Eigenschaft namens "Bild", die nur für lokale Bilder verwendet werden kann. Aber in meinem Fall muss ich eine Remote-Bild-URL rendern, damit ich diese Requisiten nicht verwenden kann. Also habe ich mich für die Verwendung eines benutzerdefinierten Markers entschieden. Es hat einwandfrei funktioniert, bis ich meine App in einer höheren Android-Version getestet habe

 Here you can see the callout but the image is not rendered

 

javascriptandroidgoogle-mapsreact-nativereact-native-maps
4
Littlebird

Es wurde seitdem behoben, React-Native-Maps neues Update, das das Update enthält. Jetzt kann ich dynamische Bilder in Karten rendern

1
Littlebird

Verwenden Sie image prop, um das Bild für die Markierung zu definieren. Es funktioniert für Android 7+ Versionen

return (
            <MapView.Marker
              key={`marker-${index}`}
              coordinate={{ latitude: Number(latitude), longitude: Number(longitude) }}
              onPress={options.onPress ? () => options.onPress(marker) : false}
              image={icons[marker.type] || icons.default}
              style={styles.marker}
              identifier={marker._id}
            />
        );
1
Prashant ranjan