How geolocation.getCurrentPosition return value?(geolocation.getCurrentPosition 如何返回值?)
问题描述
我正在使用 getCurrentPosition 来获取当地的纬度和经度.我知道这个函数是异步的,只是想知道如何返回其他函数可以访问的经纬度值?
I am using getCurrentPosition to get local latitude and longitude. I know this function is asynchronous, just wondering how to return latitude and longitude value that can be accessed by other functions?
function getGeo() {
navigator.geolocation.getCurrentPosition(getCurrentLoc)
}
function getCurrentLoc(data) {
var lat,lon;
lat=data.coords.latitude;
lon=data.coords.longitude;
getLocalWeather(lat,lon)
initMap(lat,lon)
}
推荐答案
我建议你把它包装在一个承诺中:
I would suggest you wrapping it in a promise:
function getPosition() {
// Simple wrapper
return new Promise((res, rej) => {
navigator.geolocation.getCurrentPosition(res, rej);
});
}
async function main() {
var position = await getPosition(); // wait for getPosition to complete
console.log(position);
}
main();
https://jsfiddle.net/DerekL/zr8L57sL/
ES6 版本:
function getPosition() {
// Simple wrapper
return new Promise((res, rej) => {
navigator.geolocation.getCurrentPosition(res, rej);
});
}
function main() {
getPosition().then(console.log); // wait for getPosition to complete
}
main();
https://jsfiddle.net/DerekL/90129LoL/
这篇关于geolocation.getCurrentPosition 如何返回值?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!
本文标题为:geolocation.getCurrentPosition 如何返回值?
基础教程推荐
- html表格如何通过更改悬停边框来突出显示列? 2022-01-01
- Vue 3 – <过渡>渲染不能动画的非元素根节点 2022-01-01
- Electron 将 Node.js 和 Chromium 上下文结合起来意味着 2022-01-01
- 自定义 XMLHttpRequest.prototype.open 2022-01-01
- 直接将值设置为滑块 2022-01-01
- 我可以在浏览器中与Babel一起使用ES模块,而不捆绑我的代码吗? 2022-01-01
- 用于 Twitter 小部件宽度的 HTML/CSS 2022-01-01
- 如何使用JIT在顺风css中使用布局变体? 2022-01-01
- Chart.js 在线性图表上拖动点 2022-01-01
- 如何使用TypeScrip将固定承诺数组中的项设置为可选 2022-01-01