h5浏览器使用navigator.geolocation实现定位

h5浏览器使用navigator.geolocation实现定位

首先可以做个判断浏览器支不支持navigator.geolocation定位，支持了才可以请求当前位置的经纬度，否则就得引用第三方地图定位了（如百度、高德、腾讯，可以查看这篇文章，高德示例https://blog.csdn.net/weixin_45781661/article/details/134391612）

initMap() {
      var that = this;
      if (navigator.geolocation) {
        console.log("浏览器支持定位");
        navigator.geolocation.getCurrentPosition(
          getPosition,
          getPositionError,
          {
            // 指示浏览器获取高精度的位置，默认为false
            enableHighAccuracy: true,
            // 指定获取地理位置的超时时间，默认不限时，单位为毫秒
            timeout: 3000,
            // 最长有效期，在重复获取地理位置时，此参数指定多久再次获取位置。
            maximumAge: 3000,
          }
        );
        function getPosition(e) {
          console.log("getPosition: ", e);
        }
        function getPositionError(e) {
          console.log("getPositionError: ", e);
        }
      }
}