geocode在第二次调用时返回（NaN，Nan）

我的javascript函数getLatLng在window.onload调用时效果很好。但是，当我使用处理程序来调用它时，我从地理编码器中获得了一个位置（NaN，NaN）。geocode在第二次调用时返回（NaN，Nan）

为什么当我点击提交按钮，但从window.onload很好地工作？修正了多个错别字

编辑3：

<script type="text/javascript" 
    src="http://maps.googleapis.com/maps/api/js?key=MYSECRETKEYHERE&sensor=false"> 
</script>  

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script> 


<form id="update_info" method="post" action="{{upload_url}}" enctyp="multipart/form-data"> 
<input name="address" id="address" type="text" value="100 W Main St Lehi, UT"/> 
<input name="latlng" id = "latlng" type="text" value=""/> 
<input name="update_reseller_button" id="update_reseller_button" type="submit"> 
</form> 


<script> 

function getLatLng() 
{ 
    var geocoder = new google.maps.Geocoder(); 

    var theaddress = document.getElementById('address').value; 
    var position = new google.maps.LatLng(); 

    geocoder.geocode({'address': theaddress}, function(results, status 
    ) 
    {      
     position = results[0].geometry.location;     
     document.getElementById('latlng').value = position.toString(); 
    }); 
    return position; 
} 

$('#update_info').submit(function() 

    { 
    alert('The Position is: ' + getLatLng().toString()); 
    return true; 
    }); 

    window.onload = getLatLng(); 

</script>

编辑：在指向错误的形式

EDIT 2处理器固定错字更改，因此警报显示的位置值

来源

2012-07-03 ChickenFur

什么元素' address'？它应该包含要传递给地理编码器的值，但不会出现在任何地方。 –

@AndrewLeach对不起，我只是改变它，所以它现在正常工作。如果你把文本放在一个html文件中，把api键改为你自己的就可以了，并弹出position的值。谢谢！ – ChickenFur

你的getLatLng函数永远不会按预期工作，它将neve r返回地理编码的结果，因为地理编码是一个异步请求。

此：

window.onload = getLatLng();

...会调用该函数（不onload事件，立即），该函数将执行该指令，也将返回（NAN，NAN）

来源

2012-07-04 01:29:13

你可以试试这个

if (status == google.maps.GeocoderStatus.OK) { 
    document.getElementById('latlng').value=results[0].geometry.location.lat()+", "+results[0].geometry.location.lng(); 
}

来源

2012-07-03 22:58:16

geocode在第二次调用时返回（NaN，Nan）

回答

相关问题