vue 中H5获取地理位置经纬度

在 Vue 中获取地理位置经纬度可以使用 HTML5 中的 Geolocation API。

首先需要在组件的 `mounted` 钩子函数中调用 Geolocation API 来获取地理位置信息，代码如下：

mounted() {
  if (navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(this.showPosition);
  } else {
    alert("Geolocation is not supported by this browser.");
  }
},
methods: {
  showPosition(position) {
    console.log("Latitude: " + position.coords.latitude + ", Longitude: " + position.coords.longitude);
  }
}

在 `mounted` 钩子函数中，首先检查浏览器是否支持 Geolocation API，如果支持则调用 `getCurrentPosition` 方法来获取当前位置信息。然后定义一个 `showPosition` 方法来处理获取到的位置信息，这里只是简单的将经纬度输出到控制台中。

需要注意的是，由于 Geolocation API 需要使用浏览器定位服务，因此需要用户授权才能获取位置信息。如果用户拒绝了授权请求，或者浏览器不支持 Geolocation API，则无法获取位置信息。