我的 javascript 函数 getLatLng 在由 window.onload 调用时效果很好。但是当我使用处理程序调用它时,我从地理编码器中获得了一个位置(NaN,NaN)。
为什么当我单击提交按钮时它不起作用但在 window.onload 中运行良好?
<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>
编辑:修复了处理程序中指向错误表单的错字
编辑 2:修正了更多的错别字
编辑 3:更改,因此警报显示位置的值