Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/react-native/7.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
React native MapViewDirections错误:GMAPS路由请求错误:类型错误:网络请求失败_React Native_React Native Maps - Fatal编程技术网

React native 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

MapViewDirections错误:GMAPS路由请求错误:类型错误:网络请求失败每次我尝试运行应用程序时都会出现。我需要在两点之间画一条线。这段代码可能有什么问题

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的回复。