componentDidMount() {
this.handleGetLocation();
}
// 獲取位置并逆地理轉(zhuǎn)換
handleGetLocation=()=>{
// 當(dāng)前定位經(jīng)緯度
navigator.geolocation.getCurrentPosition(
(position) => {
const initialPosition = position
console.log(initialPosition)
const { longitude } = initialPosition.coords
const { latitude } = initialPosition.coords
console.log(`${longitude},${latitude}`)
//通過調(diào)用高德地圖逆地理接口河胎,傳入經(jīng)緯度獲取位置信息
fetch(`http://restapi.amap.com/v3/geocode/regeo?key=2118fd7600536f90d28d&location=${longitude},${latitude}&radius=1000&extensions=all&batch=false&roadlevel=0`, {
method: "POST",
headers: {
"Content-Type": "application/x-www-form-urlencoded"
},
body: ``
})
.then((response) => response.json())
.then((jsonData) => {
try {
console.log(jsonData)
this.setState({
positionValue:jsonData.regeocode.formatted_address,
positionValue2:jsonData.regeocode.addressComponent.province,
positionValue3:jsonData.regeocode.addressComponent.district,
positionValue4: jsonData.regeocode.addressComponent.cityNm,
positionValue5: jsonData.regeocode.addressComponent.adcode,
})
}catch (e) {
}
})
.catch((error) => {
console.error(error);
})
},
(error) => console.log(error),
{ timeout: 20000, maximumAge: 1000 },
)
}
getstlCycleList() {
this.setState({
stlCycleList: stlCycleItem.map((item, index) => (
<Text key={`dmp${index}`} code={item.id} style={{ fontSize: 13 }}>
{item.name}
</Text>
))
});
}
<ListRow
title="詳細(xì)地址"
style={{ height: 66 }}
detail={
<TextInput
style={{ textAlign: "right", paddingHorizontal: 10, flex: 1 }}
maxLength={20}
// keyboardType="numeric"
multiline={true}//多行輸入
editable={true}//是否可編輯
placeholder="請輸入詳細(xì)地址"
value={this.state.positionValue}
// value={this.state.positionValue2}
onChangeText={text => this.setState({ positionValue: text })}
/>
}
/>
這里不能寫錯(cuò)