Missing Tiles when using UrlTile component

[stdavis]

Summary

I'm seeing missing tiles very regularly in my map when using a custom tile provider via UrlTile. This is on Android only. I never see missing tiles in iOS.

Samsung Galaxy S8 (Android 9)

Google Pixel 4 (Android 13)

Reproducible sample code

import { Platform } from 'react-native';
import MapView, { MAP_TYPES, UrlTile } from 'react-native-maps';

export default function Map() {
  return (
    <MapView
      initialRegion={{
        latitude: 38.38576,
        longitude: -112.660201,
        latitudeDelta: 0.1,
        longitudeDelta: 0.05,
      }}
      loadingEnabled={true}
      mapType={Platform.select({ android: 'none', ios: MAP_TYPES.STANDARD })}
      maxAltitude={650}
      maxZoomLevel={18}
      minZoomLevel={5}
      pitchEnabled={false}
      rotateEnabled={false}
      showsBuildings={false}
      showsCompass={false}
      showsMyLocationButton={false}
      showsPointsOfInterest={false}
      showsScale={false}
      toolbarEnabled={false}
    >
      <UrlTile
        doubleTileSize={true}
        minimumZ={3}
        shouldReplaceMapContent={true}
        tileSize={384}
        urlTemplate='https://discover.agrc.utah.gov/login/path/export-cherry-explore-nuclear/tiles/hybrid_basemap/{z}/{x}/{y}.jpg'
        zIndex={-5}
      />
    </MapView>
  );
}

Steps to reproduce

Open this map in an expo dev client and zoom and pan around. It never takes me more than a few seconds to find tiles that do not load.

Please note that this is a temporary base map URL that will expire in 4 weeks since this is licensed imagery.

Expected result

I expect every tile to load. This is my experience in iOS. I also use this base map service in many other apps and I don't have the issue of missing tiles.

Actual result

Random tiles never load.

React Native Maps Version

1.3.1

What platforms are you seeing the problem on?

Android

React Native Version

0.69.6

What version of Expo are you using?

SDK 46

Device(s)

Google Pixel 4 (Android 13), Samsung Galaxy S8 (Android 9)

Additional information

Thanks for the AWESOME project!

[github-actions]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[stdavis]

This is still an issue. I'd love help in knowing where to get started in fixing this.

[stdavis]

I did some more looking into this issue today and found through the network inspector that the tiles are being requested and returned successfully. So it's not a network/request issue. The tiles are making it to the device successfully.

[github-actions]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. If the issue remains relevant, simply comment Still relevant and the issue will remain open. Thank you for your contributions.

[stdavis]

This is still relevant but will hopefully be closed soon.

[react-native-maps-bot]

🎉 This issue has been resolved in version 2.0.0-beta.8 🎉

The release is available on:

• npm package (@beta dist-tag)
• GitHub release

Your semantic-release bot 📦🚀