将 Geolocation 的 getCurrentPosition 中的纬度和经度分配给变量答案

【问题标题】：Assign the latitude and longitude from Geolocation's getCurrentPosition to variables将 Geolocation 的 getCurrentPosition 中的纬度和经度分配给变量
【发布时间】：2017-04-18 20:32:52
【问题描述】：

我正在尝试将在W3Schools 上找到的这个函数的经度和纬度设置为一个变量（假设是y 和z），然后我需要显示y：

<script>
var x = document.getElementById("demo");
function getLocation() {
    if (navigator.geolocation) {
        navigator.geolocation.getCurrentPosition(showPosition);
    } else {
        x.innerHTML = "Geolocation is not supported by this browser.";
    }
}
function showPosition(position) {
    x.innerHTML = "Latitude: " + position.coords.latitude + 
    "<br>Longitude: " + position.coords.longitude; 
}
</script>

例如，如果我的经度 (y) 是 10，纬度 (z) 是 15，那么它会显示

y=10
z=15

【问题讨论】：

在进行地理定位之前，您可能想继续学习一些更基础的教程
...设置这个函数的经纬度 这句话我不太明白。请解释一下好吗？
函数/脚本/javascript 输出您的经度和纬度。我想将该输出设置为一个变量。然后显示该变量。
你可能想了解"How do I return the response from an asynchronous call?"

标签： javascript w3c-geolocation

【解决方案1】：

你的意思是这样的？

<!DOCTYPE html>
<html>
<body>

<p>Coords will load momentarily.</p>



<p id="demo"></p>

<script>
var x = document.getElementById("demo");

var lat = '';
var lon = '';

function getLocation() {
    if (navigator.geolocation) {
        navigator.geolocation.getCurrentPosition(showPosition);
    } else { 
        x.innerHTML = "Geolocation is not supported by this browser.";
    }
}

function showPosition(position) {
    lat = position.coords.latitude;
    lon = position.coords.longitude;
    x.innerHTML = lat + " " + lon;


}

getLocation();
</script>

</body>
</html>

您不必像我一样在全局级别声明值，但认为它可能很有用，因此您可以在函数之外访问它。

【讨论】：

是的！谢谢！我还有几个问题。 -什么是x.innerHTML？ -我如何让它自动点击（就像加载页面一样）
x = “演示”
x.innerHTML = ""，但是如果你把
123
它是 123。如果这会有所帮助，希望您将答案标记为已接受。
也 - 更新，使其自动运行。不过，您可能希望使用 jQuery 之类的东西，以便可以使用 $(document).ready()。
您现在可以使用我在上面发布的脚本，但是如果您想在页面加载后进行 dom 更改，请访问 www.jquery.com 并完成他们的教程。
好的。会做！但是有没有办法只用javascript来做呢？

【解决方案2】：

<script>
var x = document.getElementById("demo");
function getLocation() {
    if (navigator.geolocation) {
        navigator.geolocation.getCurrentPosition(showPosition);
    } else {
        x.innerHTML = "Geolocation is not supported by this browser.";
    }
}
function showPosition(position) {
    x.innerHTML = "y= " + position.coords.latitude + 
    "<br>z= " + position.coords.longitude; 
}
</script>

【讨论】：

请考虑添加评论来解释您的答案，以便其他人也可以从中学习。 :)