Chrome中的地理定位API：位置未定义的坐标属性答案

【问题标题】：Geolocation API in Chrome: coord property of Position undefinedChrome中的地理定位API：位置未定义的坐标属性
【发布时间】：2011-08-26 20:23:12
【问题描述】：

我正在 Google Chrome (v13) 中试验 Geolocation API。我制作了一个简单的 HTML 页面来掌握基础知识：

<html>
<head>
    <script type="text/javascript">
        navigator.geolocation.getCurrentPosition(doStuff, error, setOptions);

        function setOptions(geoLoc) {
            geoLoc.enableHighAccuracy = true;
            geoLoc.timeout = 30;
            geoLoc.maximumAge = 0;
        }

        function doStuff(geoLoc) {
            document.getElementById("refreshTimestamp").innerHTML = "Last refresh: " + Date.now();  
            document.getElementById("latitude").innerHTML = "Latitude: " + geoLoc.coords.latitude;
            document.getElementById("longitude").innerHTML = "Longitude: " + geoLoc.coords.longitude;
            document.getElementById("altitude").innerHTML = "Altitude: " + geoLoc.coords.altitude;
            document.getElementById("accuracy").innerHTML = "Accuracy: " + geoLoc.coords.accuracy;
            document.getElementById("altitudeAccuracy").innerHTML = "Altitude Accuracy: " + geoLoc.coords.altitudeAccuracy;
            document.getElementById("heading").innerHTML = "Heading: " + geoLoc.coords.heading;
            document.getElementById("speed").innerHTML = "Speed: " + geoLoc.coords.speed;
        }

        function error(geoLoc) {
            document.getElementById("error").innerHTML = "ERROR! Code: " + geoLoc.code + "; Message: " + geoLoc.message;
        }
    </script>
</head>
<body onload="doStuff()">
    <p id="refreshTimestamp"></p>
    <p id="latitude"></p>
    <p id="longitude"></p>
    <p id="altitude"></p>
    <p id="accuracy"></p>
    <p id="altitudeAccuracy"></p>
    <p id="heading"></p>
    <p id="speed"></p>
    <p id="error"></p>
</body>
</html>

运行此页面，一切正常 - 纬度、经度和准确度均按预期显示。但是，查看开发者工具控制台时，我遇到了一个错误：

Uncaught TypeError: Cannot read property 'coords' of undefined (geo.html:14)

调试它看起来 Position 对象在第一次调用时未定义 - 处理纬度的行。然而，任何其他行都没有错误。事实上，在纬线之后，Postition 对象就出现了。

我为防止此错误所做的尝试包括：

将 getCurrentPosition 调用移到回调函数声明之后
将 geoLoc.coords 分配给 XY 变量作为 doStuff() 函数的第一行（执行此操作后，正是这部分代码导致了错误）

我是否错误地调用了 Position 对象？是 Chrome 的怪癖吗？这与确定位置所花费的时间有关吗？

谢谢，克里斯。

【问题讨论】：

您是从file:// URL 运行的吗？如果是这样，请尝试从http://

标签： javascript html google-chrome geolocation

【解决方案1】：

因此未定义：

<body onload="doStuff()">

也许你想要这样的东西：

function init() {
    navigator.geolocation.getCurrentPosition(doStuff, error, setOptions);
}
...
<body onload="init()">

【讨论】：