个人中心
gpt4 book ai didi

Javascript 地理定位 - 无法获取纬度

转载 作者：行者123 更新时间：2023-12-03 12:40:06 25 4
gpt4 key购买 nike

我正在尝试地理定位，但在访问 getCurrentPosition 方法的 coords 属性中的信息时遇到问题。

这是我当前的代码:

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>

  <script type="text/javascript" src="jLocation.js"></script>

  <title>Location Demo </title>   
</head>

<body>

<h1>Location Test File</h1>

<h2>Information</h2>
  <div id="g-information">
    <ul>
        <li>
           Your position is <span id="latitude" class="g-info">unavailable</span>° latitude,
           <span id="longitude" class="g-info">unavailable</span>° longitude (with an accuracy of
           <span id="position-accuracy" class="g-info">unavailable</span> meters)
        </li>
    </ul>
</div>

<script type="text/javascript">
window.onload = function (){
    document.getElementById('latitude').innerHTML = getLatitude();
}   

function getLatitude(){
    if (window.navigator && window.navigator.geolocation) {
        navigator.geolocation.getCurrentPosition(showPosition);
    }
}

function showPosition(position){
    console.log(position.coords.latitude);
}
</script>

</body>

</html>

我没有从 showPosition 方法的 console.log 中获取任何内容。我不是应该获得纬度吗？

我做错了什么？提前致谢

最佳答案

你的代码是错误的。例如，您不能这样做:

document.getElementById('latitude').innerHTML = getLatitude();

您无法将函数分配给元素的innerHTML。 (注意:您可以分配函数的返回，但这不是这里发生的情况...)

试试这个:

window.onload = getLatitude;

function getLatitude() {
  if (window.navigator && window.navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(showPosition);
  }
}

function showPosition(position) {
  var latitude = position.coords.latitude;
  document.getElementById('latitude').innerHTML = latitude;
}

关于Javascript 地理定位 - 无法获取纬度，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/23562779/

25 4 0
文章推荐： javascript - CRM 2011 - 如何在 JavaScript 中使用 SOAP 请求检索全局选项集
文章推荐： javascript - 在 GWT 元素上使用 JS appendChild
文章推荐： javascript - 我们可以使用构造的动态 jQuery 选择器吗？
文章推荐： javascript - 在 Google 图表中动态加载行和列
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com