简书对代码展示不太友好，我在CSDN也发布了，
地址是：https://code.csdn.net/snippets/2586710
import React,{Component} from 'react';
import {StyleSheet,View,Text,Button} from 'react-native';
//要引用定位连接，否则会提示找不到对象，很多资料都没说到这一点。
varGeolocation =require('Geolocation');
export class ViewGeolocation extends Component{
constructor(props){
super(props);
this.state={
LocalPosition:'',
}
};
GetGeolocation(){
/*
说明：getCurrentPosition(fun_success,fun_error,geo_options)
成功回调函数与失败回调函数的写法， 应该使用箭头函数方式，因为回调结果可以供当前页面的this所调用，否则当前页面使用不了。
例：getCurrentPosition(function(val){ this.setState.... },function(val){ this.setState....})
会提示未定义函数或找不到对像，错误位置为this.setState
*/
Geolocation.getCurrentPosition(val => {
let ValInfo ="速度："+ val.coords.speed+
"\n经度："+ val.coords.longitude+
"\n纬度："+ val.coords.latitude+
"\n准确度："+ val.coords.accuracy+
"\n行进方向："+ val.coords.heading+
"\n海拔："+ val.coords.altitude+
"\n海拔准确度："+ val.coords.altitudeAccuracy+
"\n时间戳："+ val.timestamp;
this.setState({LocalPosition: ValInfo});
},val => {
letValInfo ='获取坐标失败：'+ val;
this.setState({LocalPosition: ValInfo});
});
}
render(){
return(
{this.state.LocalPosition}
);
}
}
constStyle=StyleSheet.create({
container:{flexDirection:'column',justifyContent:'center',margin:5,marginTop:20},
text:{backgroundColor:'lightgray',justifyContent:'center'},
});
网友评论