今回は React Native アプリから Google マップもしくは iOS のマップアプリを開く方法についてです。
参考にさせていただいた記事はこちらから。
open maps/google maps in react native – Stack Overflow
https://stackoverflow.com/questions/43214062/open-maps-google-maps-in-react-native
サンプルコードはこちらです。
const scheme = Platform.select({ ios: 'maps:0,0?q=', android: 'geo:0,0?q=' }); const latLng = `${[緯度]},${[経度]}`; const label = '[ラベル名]'; const url = Platform.select({ ios: `${scheme}${label}@${latLng}`, android: `${scheme}${latLng}(${label})` }); Linking.openURL(url);
2行目、3行目で開きたい場所の緯度経度と地点名のラベルを追加します。
あとは、Linking
を使ってリンクを開けばOKです。
まだ Android のみしか動作確認していないのですが、意図した通りに動作しました!
後日 iOS での挙動も確認します。
以上、React Native アプリから Goole マップなどのマップアプリを開く方法についてでした。
ご参考になれば幸いです。