React Native – EBUT Laboratory https://ebutlab.com Emotional, Burning, Unlimited Tuned Laboratory Wed, 19 Sep 2018 12:40:17 +0000 ja hourly 1 https://wordpress.org/?v=6.9.4 https://ebutlab.com/wp-content/uploads/2016/01/cropped-logo-2x-100x100.png React Native – EBUT Laboratory https://ebutlab.com 32 32 179778457 【React Native】Googleマップを利用する（iOS） – Works by https://ebutlab.com/blog/2018/09/09/%e3%80%90react-native%e3%80%91google%e3%83%9e%e3%83%83%e3%83%97%e3%82%92%e5%88%a9%e7%94%a8%e3%81%99%e3%82%8b%ef%bc%88ios%ef%bc%89-works-by/ Sun, 09 Sep 2018 03:56:20 +0000 https://plus.google.com/+CozyKojimaHiroyuki/posts/eJ9fxV4xz4m 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 APIのAPIキーを取得しましょう。

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

]]> 12545