获取当前位置经纬度

251 阅读1分钟
效果

11.png 22.png

//js
const currenPosition = () => {
  navigator.geolocation.getCurrentPosition(
    (res) => {
     console.log("获取位置成功:", res);
  },
  (err) => {
  console.log("获取位置失败:", err);
  },
  {
    enableHighAccuracy: true,
    timeout: 5000,
    maximumAge: 0,
  }
 );
};

//html
<div class="location-acquire" @click="currenPosition">
  <span class="acquire-text">我的位置</span>
  <img
    class="acquire-img"
    src="@/assets/img/home/icon_location.png"
    alt=""
  />
</div>