Hi All,
I am currently developing an expo application which uses the MapView component to render the map. It works as expected on both ios and android while developing using the expo harness however when I try to use the customer iOS harness to enable background location updates everything seems to work fine except the map now loading. It just appears grey. All polylines and markers seem to work as expected and I can pan as normal.
I followed the instructions in similar posts but nothing have worked for me thus far. See below my current module versions:
Expo SDK 38
react-native-maps: 0.27.1
See below the object structure in my app.json file.
{
"expo": {
"name": "**",
"slug": "mobileApp",
"privacy": "public",
"platforms": [
"ios",
"android"
],
"version": "1.0.0",
"orientation": "portrait",
"icon": "./assets/images/logo.png",
"splash": {
"image": "./assets/images/splash.png",
"resizeMode": "contain",
"backgroundColor": "#ffffff"
},
"updates": {
"fallbackToCacheTimeout": 0
},
"assetBundlePatterns": [
"**/*"
],
"ios": {
"supportsTablet": true,
"config": {
"googleSignIn": {
"reservedClientId": "**"
},
"googleMapsApiKey": "**"
},
"bundleIdentifier": "**",
"infoPlist": {
"UIBackgroundModes": ["location"]
}
},
"android": {
"package": "**",
"versionCode": 1,
"config": {
"googleMaps": {
"apiKey": "**"
}
},
"googleServicesFile": "**",
},
"hooks": {
"postPublish": [
{
"file": "**",
"config": {
"organization": "**",
"project": "**",
"authToken": "**"
}
}
]
}
}
}
When creating the restrict token I took these steps:
- Enabled Maps SDK for iOS
- Created a new API credential
- Set the application restriction to iOS apps
- Set the bundle identifiers to that found in the app.json file
- Added Maps SDK for iOS for the API restriction
Feel free to reach out for any additional information.