Question

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

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

Answer 1

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

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

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

Answer 2

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

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

2 个答案: