Skip to content

Marker not rendering on Android with RN 0.81 + react-native-maps 1.26.x #5836

@Amanroy9658

Description

@Amanroy9658

Summary

Markers are not rendering on Android when using React Native 0.81.0 with react-native-maps 1.26.x.
The same code works correctly after downgrading react-native-maps to 1.15.x.

This appears to be a regression in recent versions.

Environment

react-native: 0.81.0

react: 19.1.0

react-native-maps: 1.26.18

Platform: Android

Maps provider: Google

Device: Physical

Expected Behavior

Markers should render normally on the map.

Actual Behavior

Markers do not appear on the map even though:

Coordinates are valid numbers

Map renders correctly

Camera moves correctly

No errors in Logcat

Minimal Repro Code
<MapView
provider={PROVIDER_GOOGLE}
style={{ flex: 1 }}
initialRegion={{
latitude: 28.6139,
longitude: 77.2090,
latitudeDelta: 0.01,
longitudeDelta: 0.01
}}

<Marker
coordinate={{ latitude: 28.6139, longitude: 77.2090 }}
title="Test Marker"
/>

Workaround / Temporary Fix

Downgrading react-native-maps fixes the issue:

npm install react-native-maps@1.15.6

After downgrade, markers render correctly without any code changes.

Additional Notes

Issue seems related to rendering timing / Fabric / Android renderer.

tracksViewChanges, anchor, rotation changes do not fix it.

Problem occurs even with default markers.

Map itself renders fine — only markers fail.

Question

Is this a known regression in 1.26.x?
Is there a planned fix or recommended configuration for RN 0.81?

Thanks

Reproducible sample code

import React from 'react';
import { StyleSheet, View } from 'react-native';
import MapView, { Marker, PROVIDER_GOOGLE } from 'react-native-maps';

export default function App() {
  return (
    <View style={styles.container}>
      <MapView
        provider={PROVIDER_GOOGLE}
        style={StyleSheet.absoluteFill}
        initialRegion={{
          latitude: 28.6139,
          longitude: 77.2090,
          latitudeDelta: 0.01,
          longitudeDelta: 0.01,
        }}
      >
        <Marker
          coordinate={{ latitude: 28.6139, longitude: 77.2090 }}
          title="Test Marker"
          description="Marker should be visible"
        />
      </MapView>
    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
  },
});

Steps to reproduce

Steps to reproduce

Create a new React Native project using React Native 0.81.0.

Install react-native-maps@1.26.18.

Configure Google Maps for Android with a valid API key.

Replace App.tsx with the reproducible sample code provided above.

Run the app on an Android emulator or physical device.

Observe that the map renders correctly but the marker is not visible.

Downgrade react-native-maps to 1.15.6.

Rebuild and run the app again — the marker now renders correctly.

Expected result

Marker should be visible with 1.26.18.

Actual result

Marker is not visible with 1.26.18.

Marker is visible with 1.15.6.

React Native Maps Version

1.26.18

What platforms are you seeing the problem on?

Android

React Native Version

0.81.0

What version of Expo are you using?

Not using Expo

Device(s)

physical Android devices

Additional information

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions