📜  HTML DOM Geolocation coords.latitude 属性(1)

📅  最后修改于: 2023-12-03 15:01:09.979000             🧑  作者: Mango

HTML DOM Geolocation coords.latitude 属性

简介

HTML Dom Geolocation 是用于访问 Web API Geolocation 的接口。Geolocation API 用于定位用户的位置,其中 coords.latitude 表示返回的经度坐标。

语法

以下是获取 Geolocation coords.latitude 属性的语法:

navigator.geolocation.getCurrentPosition(function(position) {
    var latitude = position.coords.latitude;
});
示例

下面是获取 Geolocation coords.latitude 属性的完整代码示例:

<!DOCTYPE html>
<html>
<body>

<p>点击按钮获取您的位置:</p>

<button onclick="getLocation()">获取经纬度</button>

<p id="demo"></p>

<script>
var x = document.getElementById("demo");

function getLocation() {
  if (navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(showPosition);
  } else { 
    x.innerHTML = "Geolocation不受支持。";
  }
}

function showPosition(position) {
  x.innerHTML = "纬度: " + position.coords.latitude + 
  "<br>经度: " + position.coords.longitude;
}
</script>

</body>
</html>
结论

Geolocation API 提供了一个简单的方法来访问用户的位置信息。通过使用 Geolocation coords.latitude 属性,您可以确定用户的纬度位置,并用此信息来创建有用的功能,如基于位置的服务应用程序。