React native MapViewDirections错误:GMAPS路由请求错误:类型错误:网络请求失败
MapViewDirections错误:GMAPS路由请求错误:类型错误:网络请求失败每次我尝试运行应用程序时都会出现。我需要在两点之间画一条线。这段代码可能有什么问题React native MapViewDirections错误:GMAPS路由请求错误:类型错误:网络请求失败,react-native,react-native-maps,React Native,React Native Maps,MapViewDirections错误:GMAPS路由请求错误:类型错误:网络请求失败每次我尝试运行应用程序时都会出现。我需要在两点之间画一条线。这段代码可能有什么问题 import React, { Component } from 'react' import { Dimensions, StyleSheet } from 'react-native' import MapView from 'react-native-maps' import MapViewDirections from
import React, { Component } from 'react'
import { Dimensions, StyleSheet } from 'react-native'
import MapView from 'react-native-maps'
import MapViewDirections from 'react-native-maps-directions'
const GOOGLE_MAPS_APIKEY = '...'
const origin = {
latitude: 15.846812,
longitude: 80.89134,
latitudeDelta: 0.0622,
longitudeDelta: 0.0421,
}
const destination = {
latitude: 15.750875,
longitude: 81.018389,
latitudeDelta: 0.0622,
longitudeDelta: 0.0421,
}
class MapSample extends Component {
render() {
return (
console.log('orgin', { origin }),
console.log('destination', { destination }),
(
<MapView
initialRegion={{
latitude: 15.846812,
longitude: 81.018389,
latitudeDelta: 0.0622,
longitudeDelta: 0.0421,
}}
>
<MapViewDirections
origin={origin}
destination={destination}
apikey={GOOGLE_MAPS_APIKEY}
/>
</MapView>
)
)
}
}
const styles = StyleSheet.create({
mapContainer: {
width: '100%',
height: 200,
marginTop: 20,
flex: 1,
},
map: {
width: '100%',
height: '100%',
flex: 1,
},
})
export default MapSample
import React,{Component}来自“React”
从“react native”导入{Dimensions,StyleSheet}
从“react native maps”导入地图视图
从“react native maps directions”导入MapViewDirections
const GOOGLE_MAPS_APIKEY='…'
常量原点={
纬度:15.846812,
经度:80.89134,
纬度德尔塔:0.0622,
纵向德尔塔:0.0421,
}
常数目的地={
纬度:15.750875,
经度:81.018389,
纬度德尔塔:0.0622,
纵向德尔塔:0.0421,
}
类MapSample扩展组件{
render(){
返回(
log('orgin',{origin}),
log('destination',{destination}),
(
)
)
}
}
const styles=StyleSheet.create({
映射容器:{
宽度:“100%”,
身高:200,
玛金托普:20,
弹性:1,
},
地图:{
宽度:“100%”,
高度:“100%”,
弹性:1,
},
})
导出默认MapSample
我成功地创建了一个API密钥,我不知道为什么会不断出现此错误消息。在工作中对React本机项目进行编程时,我遇到了相同的问题 对我来说,解决办法是取消对我工作的网络的任何限制
也许你的防火墙在某个点上限制了你,这会让你犯错误。您可以尝试禁用它。我设法修复了此错误。问题是,我没有在我的谷歌帐户上启用计费。所以激活账单可以让它正常工作。谢谢Erick的回复。