反应本机谷歌地图

时间:2020-02-24 04:51:47

标签: react-native google-maps

在我的本机应用程序中。一旦用户在应用程序中按下按钮,我想打开标准的Google Map应用程序并显示特定位置。我该怎么办

2 个答案:

答案 0 :(得分:0)

解决方案

openGps = (lat, lng) => {
  var scheme = Platform.OS === 'ios' ? 'maps:' : 'geo:';
  var url = scheme + `${lat},${lng}`;
  Linking.openURL(url);
}

相应地传递纬度和经度

或者,如果您想使用自定义标签,请尝试以下操作:

const scheme = Platform.select({ ios: 'maps:0,0?q=', android: 'geo:0,0?q=' });
const latLng = `${lat},${lng}`;
const label = 'Custom Label';
const url = Platform.select({
  ios: `${scheme}${label}@${latLng}`,
  android: `${scheme}${latLng}(${label})`
});


Linking.openURL(url);

答案 1 :(得分:0)

安装“ react-native-navigation-directions”,并使用下面的代码。 只需点击按钮即可调用_callShowDirections,它将重定向到标准的Google地图应用程序。

import { OpenMapDirections } from 'react-native-navigation-directions';

//Use this function 
  _callShowDirections = () => {
     const startPoint = {
       longitude: 'START_POINT_LONGITUDE',
       latitude: 'START_POINT_LATITUDE'
     } 

     const endPoint = {
       longitude: 'END_POINT_LONGITUDE',
       latitude:  'END_POINT_LATITUDE'
     }

    const transportPlan = 'd';

    OpenMapDirections(startPoint, endPoint, transportPlan).then(res => {
      console.log(res)
    });
  }