Javascript Geolocation：将坐标存储在数组中答案

【问题标题】：Javascript Geolocation: Storing coordinates in an arrayJavascript Geolocation：将坐标存储在数组中
【发布时间】：2012-08-12 09:04:26
【问题描述】：

我创建了一个 HTML 按钮：

...onclick="stLoc();"/>

它支持 stLoc() Javascript 函数。

我的意图是将纬度存储在vaulesXarray 中。

这是我的代码：

var valuesX=[];

//This is to show the current position:

function handleLoc(pos)  {
var a=pos.coords.latitude;
var b=pos.coords.longitude;
var p = new L.LatLng(+a, +b);
mark(p);
}

//Here I intend to store the latitude using "valuesX.push":

function stLoc(pos)  {
var a=pos.coords.latitude;
var b=pos.coords.longitude;
var p = new L.LatLng(+a, +b);
mark(p);
valuesX.push(a);
}

//And this is to enable the geolocation:
function handleErr(pos) {
document.write("could not determine location");
}

if (navigator.geolocation) {
navigator.geolocation.watchPosition(handleLoc,handleErr);
}
else {
document.write("geolocation not supported");
}

我得到的输出是一个空数组。

【问题讨论】：

你实际上是如何将pos 传递给stLoc(pos) 的？

标签： javascript geolocation coordinates latitude-longitude navigator

【解决方案1】：

您的 stLoc() 函数期望 pos 对象作为第一个参数传递。

但是在您的 HTML 部分示例中，您没有将此参数传递给函数：

<a "onclick="stLoc();">

这会导致错误和应用程序流程中断。

更新：

<a href="#" onclick="return stLoc();">button</a>

<script type="text/javascript">
var valuesX=[],
    lastPos={a: -1, b: -1};
//This is to show the current position:

function handleLoc(pos)  {
    // in event handler remember lastPos to use it in stLoc on click.
    lastPos.a = pos.coords.latitude;
    lastPos.b = pos.coords.longitude;
    var p = new L.LatLng(lastPos.a, lastPos.b);
    mark(p);
}

//Here I intend to store the latitude using "valuesX.push":

function stLoc()  {
    if(lastPos.a != -1) {
        valuesX.push(lastPos.a);
    }
    return false;
}

//And this is to enable the geolocation:
function handleErr(pos) {
    document.write("could not determine location");
}

if(navigator.geolocation) {
    navigator.geolocation.watchPosition(handleLoc,handleErr);
}
else {
    document.write("geolocation not supported");
}
</script>

【讨论】：

能否添加console.log(pos);在 var a=pos.coords.latitude 之前；并在控制台中读取输出？然后把console.log(a);在 valuesX.push(a) 之前；并读取输出。似乎 push() 方法调用之前的一些代码会引发错误。

【解决方案2】：

对于寻找代码以不同方式实现此功能的人来说.. 这是代码

<script language="javascript" src="http://code.jquery.com/jquery-1.6.2.min.js"></script>
<script language="javascript">
function geoSuccess(e){
   var lat = e.coords.latitude;
   var lon = e.coords.longitude;
   var myLoc = "Latitude: " + lat + '<br />Longitude: ' + lon;
   $("#mylocation").html(myLoc);
}
function geoFailed(e){
   $("#mylocation").html("Failed");
}
window.onload=function(e){
    if ( navigator.geolocation){
       navigator.geolocation.getCurrentPosition(geoSuccess, geoFailed);
    } else {
       // Error (Could not get location)
       $("#mylocation").html("Failed");
    }
}
</script>
<div id="mylocation"></div>

【讨论】：