JavaScript使用地理位置 API

news2024/9/20 14:41:15

前言

在JavaScript中，Geolocation API 是一种用于访问用户地理位置的接口。这个API允许网页应用程序获取用户的位置并提供基于位置的服务。

if (navigator.geolocation)
  navigator.geolocation.getCurrentPosition(
    function () {},
    function () {}
  );

这个函数中需要传入两个参数，第一个参数就是成功获取位置后返回的结果，第二个参数是获取失败之后返回的结果。

if (navigator.geolocation)
  navigator.geolocation.getCurrentPosition(
    function (position) {
      console.log(position);
    },
    function () {
      alert('无法获取你的位置！');
    }
  );

● 这样当浏览器询问我们是否给与位置权限时候，如果是的话会获取当前位置的坐标，如果否的会话弹窗报错；
在这里插入图片描述

● 所以我们可以将经度和维度解构出来定义到变量中存储

if (navigator.geolocation)
  navigator.geolocation.getCurrentPosition(
    function (position) {
      const { latitude } = position.coords;
      const { longitude } = position.coords;
      console.log(latitude, longitude);
    },
    function () {
      alert('无法获取你的位置！');
    }
  );