Question

我正在使用两个功能，第一个是使用地理位置API，我想返回lat和lng

在第二个函数中，我想使用此坐标来获取一些数据但是我无法在第一个功能上正确导出它。

我得到geolocationData（）不是函数。

这是我的代码

const geolocationData = () => {
    return navigator.geolocation.getCurrentPosition((position) => {
        return position
    }, () => {
        alert('Unable to fetch your location')
    }, { enableHighAccuracy: true })
}

const gpsLocation = async () => {

    const lat = geolocationData().position.coords.latitude
    const lng = geolocationData().position.coords.longitude

    const address = await fetch(`https://maps.googleapis.com/maps/api/geocode/json?latlng=${lat},${lng}&result_type=administrative_area_level_4&key=0000000000000000`)
    const weatherData = await fetch(`https://cors-anywhere.herokuapp.com/https://api.darksky.net/forecast/0000000000000/${lat},${lng}?units=si&extend=hourly&exclude=flags&lang=el`)

    return {
        address: address.json(),
        weatherData: weatherData.json()
    }
}

Answer 1

这是因为getCurrentPosition的工作方式与您预期的不同，因为它不会直接返回lat和long。

让我重构一下代码。

我将通过创建一个可以解决当前地理坐标的诺言并在您的主要gpsLocation函数中调用此诺言来实现这一目标。由于您使用的是async/await，因此我也会保持这种状态。总体而言，它看起来像这样：

//  a promise that resolves with geo coordinates
const getPosition = (options) => {
  return new Promise(function (resolve, reject) {
    navigator.geolocation.getCurrentPosition(resolve, reject, options);
  });
}

const gpsLocation = async () => {

    try {

        // calling the promise and awaiting the position object
        const geolocationData = await getPosition({ enableHighAccuracy: true });

        // destructruing the coordinates from the object
        const {latitude: lat, longitude: lng} = geolocationData.coords;

        // creating promises for each api call
        const addressPromise = fetch(`https://maps.googleapis.com/maps/api/geocode/json?latlng=${lat},${lng}&result_type=administrative_area_level_4&key=0000000000000000`)
        const weatherDataPromise = fetch(`https://cors-anywhere.herokuapp.com/https://api.darksky.net/forecast/0000000000000/${lat},${lng}?units=si&extend=hourly&exclude=flags&lang=el`);

        // wating for the promises to be resolved in parallel (rather than one after another)
        const [address, weatherData] = await Promise.all([addressPromise, weatherDataPromise]);

        return {
            address: address.json(),
            weatherData: weatherData.json()
        }

    } catch(e) {
        alert('Unable to fetch your location')
    }


}

这是如何使用它：

(async () => {

    const { address, weather } = await gpsLocation();

    console.log(address);
    console.log(weather);

})();

让我知道上述对您有用的方法；）

地理位置导出纬度和经度

1 个答案: