MapViewDirections错误：GMAPS路由请求错误：TypeError：网络请求失败

问题描述

MapViewDirections错误：GMAPS路由请求上的错误：TypeError：每当我尝试运行该应用程序时，网络请求都会不断出现。我需要在2点之间画一条线。这段代码可能是什么问题。

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,}

class MapSample extends Component {
  render() {
    return (
      console.log('orgin',{ origin }),console.log('destination',{ destination }),(
        <MapView
          initialRegion={{
            latitude: 15.846812,}}
        >
          <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%',})

export default MapSample

我成功创建了一个API密钥，不知道为什么该错误消息不断出现。

解决方法

我在工作中为 React Native 项目编程时遇到了同样的问题。

对我来说，解决方案是取消对我工作的网络的任何限制。

也许您的防火墙在某些时候限制了您，从而引发了该错误。您可以尝试禁用它。

,

我设法修复了这个错误。问题是，我没有在我的谷歌帐户上启用计费。因此，激活结算功能使其正常工作。