Maps」を使ってみます。アプリ内に地図を表示することができます。expoを使っていれば簡単に試せます。スタンドアローンアプリで地図を表示するためにはGoogleMapsAPIにてプロジェクトを作成して、キーを設定しておく必要があります。その場合はアカウント情報などの登録が必要になりますね。無料で使える範囲があるので、十分だとは思いますが注意しましょう。mapを簡単に表示することができます。ドキュメントhttps://docs.expo.io/versions/v36.0.0/sdk/map-view/Expoのドキュメントへのリンクです。https://github.com/react-native-community/react-native-maps本体ドキュメントへのリンクです。さまざまな使い方や詳細なパラメータの情報が載っています。利用している場合はexpoコマンドでインストールすると、SDKに対応したバージョンが選択されます。利用していない場合はnpmでインストールしましょう。テスト用の実装とりあえずExpoクライアントでテストする場合は以下で表示できます。},});MapViewにスタイルを定義しないとエラーになりました。スタイルで幅や高さのサイズを指定すれば解決します。実際にスタンドアローンで配信するアプリで利用する場合は、APIキーを設定する必要が有ります。この記事の最後の方に記載しています。)緯度経度で指定した場所を中心に地図を表示できます。latitude・longitudeは緯度・経度を指定します。latitudeDelta,longitudeDeltaは縮尺を指定します。地図に表示する範囲を指定できます。大きな値にするとヒキになって広い範囲が表示され、小さな値にするとヨリになって狭い範囲を細かく表示する地図になります。ピンを立てるMapviewコンポーネントに子要素としてMarkerコンポーネントを渡すことで、ピンを立てることが出来ます。複数立てることもできます。}}その他応用ピンの代わりにコンポーネントを渡すこともでき、任意の画像をピンの代わりに表示することもできます。他にもdraggable属性を設定すればドラッグして動かせるピンを作れます。stateで緯度経度を処理することで、地図の任意の位置を選択できるUIも作れますね。APIの設定iOSで利用する場合は特に設定なしで利用できます。APIでプロジェクトを用意して、APIキーを発行・設定する必要が有ります。以下、expoドキュメントに載っている手順の解説です。ca.brentvatne.growlerprowler)アプリをビルドしておきます。app.jsonに記載するやつです。manager」を開き、プロジェクトを作成します。Android」を探し有効化します。Key.APIからダッシュボードに戻り、プロジェクトの認証情報の画面にアクセスします。そこで上部にある「認証情報を作成」をクリックします。KEY.モーダルが出るのでAPIキーを選択します。restriction.不正に利用されたりするのを防ぐために制限を設けます。appsを選択してアンドロイドのアプリでのみ利用できるようにします。button.パッケージネームとfingerprintの情報も制限に追加しておくことで、更に強固な制限をかけます。該当するフォームに入力していきます。nameを入力します。fetch:android:hashesを実行します。keytoolが無いなどエラーが出る場合はJavaSDKをインストールするなどの対応が必要になります。Fingerprintなどの情報を取得できますのでメモしておきましょう。field.上記コマンドで出力された、Fingerprintをコピーして貼り付けます。playで取得したものを設定します。証明書のフィンガープリントをコピーして貼り付けます。diff.APIキーをコピーしてアプリのapp.jsonに貼り付けます。1.アプリをビルドすればAPIキーが反映されて利用できるようになっているはずです。おわりに簡単でした!目的の施設の位置情報などが公開されていれば、その場所周辺の地図などを表示できるので使いみちは結構あると思います。GPSと連携すれば現在地の地図も表示できます。他にも地図に重ねてコンポーネントや図形を表示したりということもできるので、応用的な使い道は広がりそうです。操作時のイベントも複数定義されているので、それを使って操作・選択の内容を取得したり処理することも可能です。便利な機能や使い道、躓くポイント等を見つけたらまた記事にします。editerマークダウン特化エディタアプリマークダウンのプレビュー・よく使う記号を入力するボタンが利用できます。野々市市コミュニティバスのっティ時刻表アプリルートとバス停を選択して時刻表が確認できます石川県野々市市に住むフリーランスエンジニア。応用情報とDBスペシャリストの資格を保有。Webシステムの構築、スマホアプリ、プログラミングメンターなどの依頼に対応できます。