Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Visual instructions how to enable Google Maps on IOS using react-native-maps

Visual instructions how to enable Google Maps on IOS using react-native-maps

UPDATE: Following instructions are now a year old. I have recently managed to upgrade react-native-maps from 0.17 to the latest version 0.21 with react-native 0.51 - if you want to follow my instruction scroll down to the end this doc! Hope that will work for you too!

This is for my personal use, things might not be correctly explained here. For the official docs please check https://github.com/airbnb/react-native-maps

Steps from scratch:

1.react-native init GoogleMapPlayground

2. cd GoogleMapPlayground

3.npm install react-native-maps --save

4.Replace in package.json following:

"react-native-maps": "^0.12.4"

into:

"react-native-maps": ">=0.12.4"

5.Run npm update

6.react-native link

7.Create the Podfile file at ios/Podfile

(but before that you might also need to add cocoapods: gem install cocoapods, if you have permission issue add sudo)

touch ios/Podfile

8.Output of the Podfile file (important: for newest version of RN scroll down to the comments - there are few examples of updated Podfile )

# You Podfile should look similar to this file. React Native currently does not support use_frameworks!
source 'https://github.com/CocoaPods/Specs.git'

platform :ios, '8.0'

target 'GoogleMapPlayground' do
  pod 'React', path: '../node_modules/react-native', :subspecs => [
    'Core',
    'RCTActionSheet',
    'RCTAnimation',
    'RCTGeolocation',
    'RCTImage',
    'RCTLinkingIOS',
    'RCTNetwork',
    'RCTSettings',
    'RCTText',
    'RCTVibration',
    'RCTWebSocket'
  ]

  pod 'GoogleMaps'  # <~~ remove this line if you do not want to support GoogleMaps on iOS

# when not using frameworks  we can do this instead of including the source files in our project (1/4):
#  pod 'react-native-maps', path: '../../'
#  pod 'react-native-google-maps', path: '../../'  # <~~ if you need GoogleMaps support on iOS
end

Replace the GoogleMapPlayground with your project name (this file is a copy version from official docs https://github.com/airbnb/react-native-maps/blob/master/example/ios/Podfile)

9.Navigate to cd ios and run pod install

10.cd ..

11.open ios/GoogleMapPlayground.xcworkspace

12.Project structure in xCode (picture 1)

13.Open your project (e.g from terminal: open .)

14.Drag this folder node_modules/react-native-maps/ios/AirGoogleMaps/ into your project, and choose Create groups in the popup window. (picture 2)

15.Your project structure should look like in (picture 3)

16.Enable your Google API Key - follow this link (READ SECTION AT THE BOTTOM - IMPORTANT): https://developers.google.com/maps/documentation/android-api/signup#release-cert

  • press Get Key
  • Create a new project or use an existing one (I used existing one for simplicity)

16.In ios/GoogleMapPlayground/AppDelegate.m add two lines of code:

  • before the @implementation AppDelegate

    • add @import GoogleMaps;
  • inside the (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions.....

    • add [GMSServices provideAPIKey:@"YOUR_GOOGLE_MAP_API_KEY"];

This is the example of AppDelegate.m

/**
 * Copyright (c) 2015-present, Facebook, Inc.
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 */

#import "AppDelegate.h"

#import <React/RCTBundleURLProvider.h>
#import <React/RCTRootView.h>
@import GoogleMaps;

@implementation AppDelegate

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{
  NSURL *jsCodeLocation;
  [GMSServices provideAPIKey:@"YOUR_GOOGLE_MAP_API_KEY"];
  jsCodeLocation = [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index.ios" fallbackResource:nil];

  RCTRootView *rootView = [[RCTRootView alloc] initWithBundleURL:jsCodeLocation
                                                      moduleName:@"GoogleMapPlayground"
                                               initialProperties:nil
                                                   launchOptions:launchOptions];
  rootView.backgroundColor = [[UIColor alloc] initWithRed:1.0f green:1.0f blue:1.0f alpha:1];

  self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds];
  UIViewController *rootViewController = [UIViewController new];
  rootViewController.view = rootView;
  self.window.rootViewController = rootViewController;
  [self.window makeKeyAndVisible];
  return YES;
}

@end

17.Go back to xCode, click on the project name, then click on Build Settings (picture 4)

18.Scroll down to section Search Paths

  • double click on Header Search Path - url on the right (picture 5)

  • press the small plus icon in the left corner

  • add $(SRCROOT)/../node_modules/react-native-maps/ios/AirMaps and change from non-recursive to recursive (picture 6)

19.You are all set now!

20.Go back to your code and add some initial map, for example (index.ios.js):

/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 * @flow
 */

import React, { Component } from 'react';
import {
  AppRegistry,
  StyleSheet,
  Dimensions,
  Text,
  View
} from 'react-native';

import MapView, { PROVIDER_GOOGLE } from 'react-native-maps';

const { width, height } = Dimensions.get('window');

const ASPECT_RATIO = width / height;
const LATITUDE = 37.78825;
const LONGITUDE = -122.4324;
const LATITUDE_DELTA = 0.0922;
const LONGITUDE_DELTA = LATITUDE_DELTA * ASPECT_RATIO;


class GoogleMapPlayground extends React.Component {
  constructor(props) {
    super(props);

    this.state = {
    };
  }

  render() {
    return (
      <View style={{ flex: 1 }}>
        <View style={{ backgroundColor: 'green', height: 100, justifyContent: 'center', alignItems: 'center'}}>
          <Text>Some div</Text>
        </View>
        <View style={styles.container}>
          <MapView
            provider={PROVIDER_GOOGLE}
            style={styles.map}
            initialRegion={{
              latitude: LATITUDE,
              longitude: LONGITUDE,
              latitudeDelta: LATITUDE_DELTA,
              longitudeDelta: LONGITUDE_DELTA,
            }}
          />
        </View>
      </View>
    );
  }
}

GoogleMapPlayground.propTypes = {
  provider: MapView.ProviderPropType,
};

const styles = StyleSheet.create({
  container: {
    ...StyleSheet.absoluteFillObject,
    top: 100,
    justifyContent: 'flex-end',
    alignItems: 'center'
  },
  map: {
     ...StyleSheet.absoluteFillObject,
  },
});

AppRegistry.registerComponent('GoogleMapPlayground', () => GoogleMapPlayground);

21.Run react-native run-ios

IMPORTANT!

Enabling API_KEY by following the link provided on point 16 - didn't work for me.

After successful build I had empty map (picture 8)

Follow these steps to enable the API_KEY:

  • open this link: https://console.developers.google.com/flows/enableapi?apiid=maps_android_backend
  • create or use your existing project (I used existing project)
  • Go to credentials
  • Add credentials to your project - pick Google Maps Android API (picture 9)
  • Click on What credentials do I need
  • I created new API key by following the link create new api... (picture 10)
  • On the next screen (I chose - IOS apps) (picture 11) - Create (COPY YOUR NEW API KEY)
  • Navigate to Library - on your left
  • Click on Google Maps SDK for IOS (picture 12)
  • Enable it (picture 13)

22.Replace new key with the old one if you were unsuccessful previously.

23.Run react-native run-ios again and hopefully you will see the map (picture 14)

UPGRADE existing react-native-maps from 0.17 to 0.21 with react-native 0.51.0 (xCode 9.4.1)

  1. Update Podfile according to the official docs (https://github.com/react-community/react-native-maps/blob/master/docs/installation.md#on-ios)
source 'https://github.com/CocoaPods/Specs.git'

# Uncomment the next line to define a global platform for your project
platform :ios, '9.0'

target 'NAME_OF_YOUR_PROJECT' do
  rn_path = '../node_modules/react-native'
  rn_maps_path = '../node_modules/react-native-maps'

  # See http://facebook.github.io/react-native/docs/integration-with-existing-apps.html#configuring-cocoapods-dependencies
  pod 'yoga', path: "#{rn_path}/ReactCommon/yoga/yoga.podspec"
  pod 'React', path: rn_path, subspecs: [
    'Core',
    'CxxBridge',
    'DevSupport',
    'RCTActionSheet',
    'RCTAnimation',
    'RCTGeolocation',
    'RCTImage',
    'RCTLinkingIOS',
    'RCTNetwork',
    'RCTSettings',
    'RCTText',
    'RCTVibration',
    'RCTWebSocket',
  ]

  # React Native third party dependencies podspecs
  pod 'DoubleConversion', :podspec => "#{rn_path}/third-party-podspecs/DoubleConversion.podspec"
  # pod 'glog', :podspec => "#{rn_path}/third-party-podspecs/glog.podspec"
  # If you are using React Native <0.54, you will get the following error:
  # "The name of the given podspec `GLog` doesn't match the expected one `glog`"
  # Use the following line instead:
  pod 'GLog', :podspec => "#{rn_path}/third-party-podspecs/GLog.podspec"
  pod 'Folly', :podspec => "#{rn_path}/third-party-podspecs/Folly.podspec"

  # react-native-maps dependencies
  pod 'react-native-maps', path: rn_maps_path
  pod 'react-native-google-maps', path: rn_maps_path  # Remove this line if you don't want to support GoogleMaps on iOS
  pod 'GoogleMaps'  # Remove this line if you don't want to support GoogleMaps on iOS
  pod 'Google-Maps-iOS-Utils' # Remove this line if you don't want to support GoogleMaps on iOS
end

post_install do |installer|
  installer.pods_project.targets.each do |target|
    if target.name == 'react-native-google-maps'
      target.build_configurations.each do |config|
        config.build_settings['CLANG_ENABLE_MODULES'] = 'No'
      end
    end
    if target.name == "React"
      target.remove_from_project
    end
  end
end
  1. Update ios/YOUR_PROJECT_NAME/AppDelegate.m literally exactly what the docs says
  2. Update dependencies android/app/build.grade :
    compile project(':react-native-navigation')
    ... some other libraries...
    compile fileTree(dir: "libs", include: ["*.jar"])
    compile "com.android.support:appcompat-v7:23.0.1"
    compile "com.facebook.react:react-native:+"  // From node_modules

    implementation(project(':react-native-maps')){
        exclude group: 'com.google.android.gms', module: 'play-services-base'
        exclude group: 'com.google.android.gms', module: 'play-services-maps'
    }
    implementation 'com.google.android.gms:play-services-base:10.0.1'
    implementation 'com.google.android.gms:play-services-maps:10.0.1'
}
  1. Update android/settings.gradle

The only difference from previous version was to add lib

include ':react-native-maps'
project(':react-native-maps').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-maps/lib/android')
  1. Check if you still have your API_KEY in android/app/src/main/AndroidManifest.xml

  2. Check if have new MapsPackage() in MainApplication.java

  3. Previously I used react-native link react-native-maps to build my 0.17 version so I had to remove AIRMaps.xcodeproj from Libraries and remove link from Build Phase libAIRMaps.a

  • open ios/NAMEOFPROJECT.xcodeproj and at the top in left sidebar under Libraries delete AIRMaps.xcodeproj - should be listed there, I also deleted the red highlighted AIRMaps.xcodeproj which was listed at the very end.

  • in Build Phases -> Link Binary With Libraries delete libAIRMaps.a if it exists

  1. npm uninstall react-native-maps --save
  2. npm install react-native-maps --save
  3. Remove again everything: rm-rf node_modules, rm-rf ios/build, rm ios/Podfile.lock, rm -rf ios/Pods, rm yarn.lock
  4. yarn install I have yarn version 1.7
  5. cd ios pod install sometimes I also run pod cache clean --all and then pod repo update && pod install but it might not be necessary
  6. cd .. watchman watch-del-all
  7. This step is probably redundant but I might just say it anyway. So I had previously an error Print: Entry, ":CFBundleIdentifier", Does Not Exist

I opened open ios/myproj.xcodeproj - File - Project Settings - Advanced - I clicked on Custom and removed build from the path - resulting: Products: Build/Products, the same at Intermediates - Build/Intermediates.noindex

The same I did for open ios/myproj.xcworkspace

Clean the project - Product at the top - Clean

  1. react-native run-ios I finally got Build Succeeded but I still had termination error Print: Entry, ":CFBundleIdentifier", Does Not Exist

  2. So my final changed was: go again to myproj.xcodeproj - File - Project Settings - Advanced and instead of Custom, I picked Unique The same for myproj.xcworkspace - File - Workspace Settings - Advanced - picked Unique

Clean the project - Product at the top - Clean for both - xcworkspace and xcodeproj

Also I double checked my Info.plist which is:

	<string>org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier)</string>
  1. Run react-native run-ios Success!
@luco
Copy link

luco commented Jun 1, 2017

@anhtuank7c
Nice! In fact it worked man, thanks a lot. Now I gotta figure out how to implement in my current project.

@grundmanise
Copy link

grundmanise commented Jun 2, 2017

@monzerhijazi oh my... lost 4 hours struggling with google map implementation before found your suggestion which actually fixed all my issues. Thank you!

@jsierles
Copy link

jsierles commented Jun 15, 2017

This is what worked for me on 0.45.1

  react_native_path = "../node_modules/react-native"
  pod "Yoga", :path => "#{react_native_path}/ReactCommon/yoga"
  pod 'React', path: react_native_path, :subspecs => [
     'Core',
     'RCTActionSheet',
     'RCTAnimation',
     'RCTGeolocation',
     'RCTImage',
     'RCTLinkingIOS',
     'RCTNetwork',
     'RCTSettings',
     'RCTText',
     'RCTVibration',
     'RCTWebSocket',
     'DevSupport',
     'BatchedBridge'
  ]

@brh55
Copy link

brh55 commented Jun 18, 2017

@jsierles thanks! I can confirmed this worked for me on iOS.

A few things to note:

Here is my RN 0.45.1, AppDelegate.m file

/**
 * Copyright (c) 2015-present, Facebook, Inc.
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 */

#import "AppDelegate.h"

#import <React/RCTBundleURLProvider.h>
#import <React/RCTRootView.h>
@import GoogleMaps;

@implementation AppDelegate

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{
  NSURL *jsCodeLocation;
  [GMSServices provideAPIKey:@"<APIKEY>"];


  jsCodeLocation = [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index.ios" fallbackResource:nil];

  RCTRootView *rootView = [[RCTRootView alloc] initWithBundleURL:jsCodeLocation
                                                      moduleName:@"LadleApp"
                                               initialProperties:nil
                                                   launchOptions:launchOptions];
  rootView.backgroundColor = [[UIColor alloc] initWithRed:1.0f green:1.0f blue:1.0f alpha:1];

  self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds];
  UIViewController *rootViewController = [UIViewController new];
  rootViewController.view = rootView;
  self.window.rootViewController = rootViewController;
  [self.window makeKeyAndVisible];
  return YES;
}

@end

Hopefully this helps a few people, I was struggling on this for a few days.

@peterpme
Copy link

peterpme commented Jun 22, 2017

Confirmed working on 0.45.1 and react-native-maps 0.15.2 with Google Maps.

Thanks to everyone involved, you are all heroes! ❤️

Tips:

  • Remember to run pod update instead of pod install unless you delete your Pods folder
  • If you're going to copy the AppDelegate.m or Podfile file, remember to replace Tally with your own app name!

Podfile:

# Podfile content
source 'https://github.com/CocoaPods/Specs.git'

platform :ios, '9.1'

target 'Tally' do
  react_native_path = "../node_modules/react-native"
  pod "Yoga", :path => "#{react_native_path}/ReactCommon/yoga"
  pod 'React', path: react_native_path, :subspecs => [
     'Core',
     'RCTActionSheet',
     'RCTAnimation',
     'RCTGeolocation',
     'RCTImage',
     'RCTLinkingIOS',
     'RCTNetwork',
     'RCTSettings',
     'RCTText',
     'RCTVibration',
     'RCTWebSocket',
     'DevSupport',
     'BatchedBridge'
  ]

  pod 'GoogleMaps'

end

AppDelegate.m

/**
 * Copyright (c) 2015-present, Facebook, Inc.
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 */

#import "AppDelegate.h"

#import <React/RCTBundleURLProvider.h>
#import <React/RCTRootView.h>
@import GoogleMaps;

@implementation AppDelegate

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{
  NSURL *jsCodeLocation;
  [GMSServices provideAPIKey:@"AIzaSyDyCc_-1H3AnPUE3PHXC5ETon6xM-CtGhQ"];
  
  
  jsCodeLocation = [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index.ios" fallbackResource:nil];
  
  RCTRootView *rootView = [[RCTRootView alloc] initWithBundleURL:jsCodeLocation
                                                      moduleName:@"Tally"
                                               initialProperties:nil
                                                   launchOptions:launchOptions];
  rootView.backgroundColor = [[UIColor alloc] initWithRed:1.0f green:1.0f blue:1.0f alpha:1];
  
  self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds];
  UIViewController *rootViewController = [UIViewController new];
  rootViewController.view = rootView;
  self.window.rootViewController = rootViewController;
  [self.window makeKeyAndVisible];
  return YES;
}

@end

@mmailhos
Copy link

mmailhos commented Jun 25, 2017

Anyone else having Apple Mach-O Linker Error Group: : Linker command failed with exit code 1 (use -v to see invocation) ?
EDIT: Solved the link issue from there: react-native-maps/react-native-maps#718
@peterpme: you probably modified it but if not, you should not show your API key publicly ;)

@benjamin3991
Copy link

benjamin3991 commented Jul 14, 2017

Need Help:

For a new project I am able to get Google Maps for iOS, but when configuring for the existing project, It's still showing "console.error: "react-native-maps" AirGoogleMaps dir must be added to your xCode project"
Tried each and everything mentioned above.

screen shot 2017-07-14 at 9 56 47 pm

@quangtruongdinh
Copy link

quangtruongdinh commented Jul 22, 2017

Did you drag AirGoogleMaps from "node_modules/react-native-maps/lib/ios/AirGoogleMaps/" to your xcode project?

@eriirawan
Copy link

eriirawan commented Jul 31, 2017

Hello everyone, I've followed the steps. But I can get an error like this. Is there any help me?

The version I use:
"React": "16.0.0-alpha.6",
"React-native": "0.44.0",
"React-native-maps": "^ 0.15.3"
screen shot 2017-07-31 at 8 12 28 am
screen shot 2017-07-31 at 8 12 57 am

@quyhic
Copy link

quyhic commented Aug 10, 2017

In step "18.Scroll down to section Search Paths"
You need to change from $(SRCROOT)/../node_modules/react-native-maps/ios/AirMaps
To
$(SRCROOT)/../node_modules/react-native-maps/lib/ios/AirMaps

@kidmysoul
Copy link

kidmysoul commented Aug 17, 2017

@benjamin3991
does your node_modules/react-native-maps/lib/ios/AirGoogleMaps/ folder have nothing in it??

@raihanrazi
Copy link

raihanrazi commented Sep 12, 2017

Currently, does this support image based custom overlays? Such as this https://developers.google.com/maps/documentation/javascript/examples/overlay-simple

@dhhiep
Copy link

dhhiep commented Sep 18, 2017

@MrEi91: My solution:

react-native unlink react-native-maps
react-native run-ios

@benjamin3991
Copy link

benjamin3991 commented Sep 26, 2017

@kidmysoul it has multiple .m and .h files.
screen shot 2017-09-26 at 7 21 47 pm

@KalebPortillo
Copy link

KalebPortillo commented Sep 27, 2017

Hey @benjamin3991, I just had the same issue as you, I tried everything mentioned above, and nothing.
I went to react-native-maps and crossed with this thread: react-native-maps/react-native-maps#693

So what i did was run react-native unlink react-native-maps as suggested and then update my podfile as follows
target ‘YOUR PROJECT NAME AS IT APPEARS IN XCODE’ do

# You Podfile should look similar to this file. React Native currently does not support use_frameworks!
source 'https://github.com/CocoaPods/Specs.git'

target ‘YOUR PROJECT NAME AS IT APPEARS IN XCODE’ do

  pod 'Yoga', :path => '../node_modules/react-native/ReactCommon/yoga/Yoga.podspec'
  pod 'React', path: '../node_modules/react-native', :subspecs => [
    'Core',
    'RCTActionSheet',
    'RCTAnimation',
    'RCTGeolocation',
    'RCTImage',
    'RCTLinkingIOS',
    'RCTNetwork',
    'RCTSettings',
    'RCTText',
    'RCTVibration',
    'RCTWebSocket',
    'BatchedBridge'
  ]

  pod 'GoogleMaps'
  pod 'react-native-maps', path: '../node_modules/react-native-maps' #<- PATH to your node_modules/react-native-maps directory
  pod 'react-native-google-maps', path: '../node_modules/react-native-maps' #<- PATH to your node_modules/react-native-maps directory

end


post_install do |installer|
  installer.pods_project.targets.each do |target|
    if target.name == "react-native-google-maps"
      target.build_configurations.each do |config|
        config.build_settings['CLANG_ENABLE_MODULES'] = 'No'
      end
    end
  end
end

and then pod update inside ios folder

@markspereira
Copy link

markspereira commented Sep 28, 2017

@heron2014 You deserve a gold medal for this, that was amazing stuff! All working, burning the late night oil.

@anthonied
Copy link

anthonied commented Oct 5, 2017

After compiling I get this:
ld: warning: directory not found for option '-L/Users/anthoniedeklerk/Library/Developer/Xcode/DerivedData/GoogleMapPlayground-aawswioqogmgvqebwkqwotdtfgat/Build/Products/Debug-iphoneos/React'
ld: warning: directory not found for option '-L/Users/anthoniedeklerk/Library/Developer/Xcode/DerivedData/GoogleMapPlayground-aawswioqogmgvqebwkqwotdtfgat/Build/Products/Debug-iphoneos/Yoga'
ld: library not found for -lPods-GoogleMapPlayground
clang: error: linker command failed with exit code 1 (use -v to see invocation)

Any ideas?

@yokesharun
Copy link

yokesharun commented Oct 22, 2017

@heron2014 , build got failed fatal error: module 'GoogleMapsBase' not found and the app says this 👍

simulator screen shot - iphone 6 - 2017-10-22 at 19 52 24

i followed this doc also https://github.com/airbnb/react-native-maps/blob/master/docs/installation.md
Thanks in advance

@deehuey
Copy link

deehuey commented Nov 5, 2017

I'm getting this too, but it's saying module 'GoogleMaps' not found. ^

@auaden
Copy link

auaden commented Nov 28, 2017

@jordangrant
Copy link

jordangrant commented Dec 11, 2017

As @auaden said, https://codeburst.io/react-native-google-map-with-react-native-maps-572e3d3eee14 helped me too.
(although, "You don’t need to install a React pod" was not accurate for me. I ended up installing the React pod as well.)

@nathmack
Copy link

nathmack commented Jan 5, 2018

I was getting the error:
[!] The name of the given podspec 'yoga' doesn't match the expected one 'Yoga'

So I had to change the casing of yoga:

# You Podfile should look similar to this file. React Native currently does not support use_frameworks!
source 'https://github.com/CocoaPods/Specs.git'

platform :ios, '8.0'



target 'APP_NAME' do
  # Fixes required for pod specs to work with rn 0.42
  react_native_path = "../node_modules/react-native"
  pod "yoga", :path => "#{react_native_path}/ReactCommon/yoga"
  pod "React", :path => react_native_path, :subspecs => [
    'Core',
    'RCTActionSheet',
    'RCTAnimation',
    'RCTGeolocation',
    'RCTImage',
    'RCTLinkingIOS',
    'RCTNetwork',
    'RCTSettings',
    'RCTText',
    'RCTVibration',
    'RCTWebSocket'
  ]

  pod 'GoogleMaps'  # <~~ remove this line if you do not want to support GoogleMaps on iOS

# when not using frameworks  we can do this instead of including the source files in our project (1/4):
#  pod 'react-native-maps', path: '../../'
#  pod 'react-native-google-maps', path: '../../'  # <~~ if you need GoogleMaps support on iOS
end

I'm not really sure why, but it fixed that issues

@ShaikhKabeer
Copy link

ShaikhKabeer commented Jan 18, 2018

I'm getting error in YGNodePrint.cpp

/node_modules/react-native/ReactCommon/yoga/yoga/YGNodePrint.cpp:208:46: Implicit conversion loses integer precision: 'size_type' (aka 'unsigned long') to 'const uint32_t' (aka 'const unsigned int')

@piyush8
Copy link

piyush8 commented Mar 7, 2018

Hi,
I'm this error what am I missing can anyone help me?

Failed to compile
./src/App.js
16:14-24 'expo' does not contain an export named 'Components'.
This error occurred during the build time and cannot be dismissed.

@pstanton
Copy link

pstanton commented Aug 1, 2018

react-native-maps has moved on since this post and now the installation instructions clearly state: "do not run react-native link react-native-maps"

@gagangoku
Copy link

gagangoku commented Oct 18, 2018

Thank you, you're a life saver. Am new to iOS, have been struggling to get my react native app working on it. The expo one works well but any library requiring native linking (react-native-maps such a pain in the ass) made me pull my hair.
Thanks again !

@kamiranoff
Copy link

kamiranoff commented Jun 17, 2019

Thanks! Helped me a lot!

@christopher-18
Copy link

christopher-18 commented Aug 22, 2020

Can anybody look into issue react-native-maps/react-native-maps#3536 and help me out. I am stuck here.

@TeetawatChitpitak
Copy link

TeetawatChitpitak commented Mar 5, 2021

anybody can teach me how to use map event?

@GuvenEREN-404
Copy link

GuvenEREN-404 commented May 26, 2022

ı don't know if it will help you, but my problem was fixed when ı gave full disk access permission to xcode from the security and privacy tab

click apple logo -> System Preferences -> Security & Privacy -> Full Disk Access -> add xcode

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment