使用Google Directions API获取API在reactjs中不起作用

这是我的密码。我收到一个错误，因为无法从google api获取您的代码。

您的代码没有问题：

问题在于Google direction api，如果您想从客户端调用它，必须使用它们的库，

谷歌禁用了用于地理编码的JSON-p回调，以防止滥用。你 必须使用谷歌地理编码API库来完成正确的请求，以及 反向地理编码的目的必须是在谷歌上显示地址 地图

---

黑客-解决方案：（使用代理服务器）

---

错误是什么？控制台中的输出是什么？我猜url应该包含用户特定的keytred和key，还有它不来，未能获取是error@KarthickRaja，请你核对一下答案好吗？行了！！！！！！

async getDirections( ) {
    let resp = await fetch(`https://maps.googleapis.com/maps/api/directions/json?origin=13.010587,%2080.259151&destination=13.023261,%2080.277290`)
    let respJson = await resp.json();
    let points = Polyline.decode(respJson.routes[0].overview_polyline.points);
    let coords = points.map((point, index) => {
        return {
            latitude: point[0],
            longitude: point[1]
        }
    })
    this.setState({ coords: coords })
    return coords
}

async getDirections( ) {
    var proxy_url = 'https://cors-anywhere.herokuapp.com/';
    var target_url = 'https://maps.googleapis.com/maps/api/directions/json?origin=13.010587,%2080.259151&destination=13.023261,%2080.277290';
    var google_api_key = '&key=your_google_api_key'

    let resp = await fetch(`${proxy_url}${target_url}${google_api_key}`)
    let respJson = await resp.json();
    let points = Polyline.decode(respJson.routes[0].overview_polyline.points);
    let coords = points.map((point, index) => {
        return {
            latitude: point[0],
            longitude: point[1]
        }
    })
    this.setState({ coords: coords })
    return coords
}