【React Native】Googleマップを利用する(iOS) – Works by

Emotional, Burning, Unlimited Tuned Laboratory

React NativeでGoogleマップを使いたい場合、 プレーンなreact-native initからのプロジェクトだと導入が大変でした。 一方、Expoをサポートするcreate-react-native-appでプロジェクトを作成したところ googleマップの導入がスムーズにできたのでメモしておきます。

MapView – Expo Documentation Usage

プロジェクトの作成 create-react-native-appを利用して、プロジェクトを作成します。

$ create-react-native-app react-native-map-app
$ cd react-native-map-app

まだcreate-react-native-appをインストールしていない場合は、以下の記事を参考にしてください。

【React Native】Expo + react-native-gifted-chat でチャットアプリを作る

APIキーの取得

Google Map APIAPIキーを取得しましょう。

Googleアカウントを登録・ログインし、
Google Cloud Platformのページへ …