怎么实现网页获取当前位置并显示

要实现网页获取当前位置并显示，可以使用HTML5中的Geolocation API。以下是一个示例代码：

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>获取当前位置</title>
</head>
<body>
  <p>当前位置:</p>
  <div id="location"></div>

  <script>
    // 获取地理位置信息
    if (navigator.geolocation) {
      navigator.geolocation.getCurrentPosition(showPosition);
    } else {
      document.getElementById("location").innerHTML = "该浏览器不支持获取位置信息。";
    }

    // 显示地理位置信息
    function showPosition(position) {
      var latitude = position.coords.latitude;
      var longitude = position.coords.longitude;
      document.getElementById("location").innerHTML = "纬度：" + latitude + "<br>经度：" + longitude;
    }
  </script>
</body>
</html>

在这个示例中，首先在HTML中创建了一个用于显示位置信息的div，然后使用Geolocation API中的getCurrentPosition()方法获取当前位置信息，并将其传递给showPosition()函数进行显示。如果浏览器不支持Geolocation API，则在div中显示一条错误信息。