uni h5高德获取不到定位

Question

Geolocation permission denied：

https://blog.csdn.net/weixin_50545213/article/details/129352516 高德uni h5获取不到位置

Answer 1

以下内容由CHATGPT及笑面虎共同生成、有用望采纳：

---

【问题概括】：这个问题的目的是要解决在使用uni-app开发H5应用时，集成高德地图API进行定位，但是遇到了“Geolocation permission denied”（地理位置权限被拒绝）的问题。

【图片内容】：

1. 图片显示了一个日志界面，其中包含了错误信息 "Uncaught SyntaxError: Unexpected token ';'" 和 "Geolocation permission denied.Get ipLocation failed."，这表明JavaScript代码执行时遇到了语法错误，并且获取地理位置信息时权限被拒绝。

【问题出现原因】：

1. 语法错误：可能是由于JavaScript代码中的某个地方多了一个分号或者缺少了其他必要的语法元素。
2. 权限问题：浏览器拒绝了地理位置的请求，这可能是因为用户没有授予应用获取地理位置的权限，或者网站的地理位置权限设置不正确。

【问题解决方案】：

1. 修复语法错误：检查JavaScript代码，确保所有的语句都是正确的，没有多余的分号或者缺少的语法元素。
2. 检查权限设置：确保你的网站或应用已经正确地请求了地理位置权限，并且在用户的浏览器中已经被允许。

【提供代码】： 由于图片中没有提供具体的代码，以下是一个基本的流程，用于请求地理位置权限并使用高德地图API进行定位：

// 请求用户地理位置权限
if ('geolocation' in navigator) {
  navigator.geolocation.getCurrentPosition(
    (position) => {
      // 使用高德地图API进行定位
      var lat = position.coords.latitude; // 纬度
      var lon = position.coords.longitude; // 经度
      // 在这里使用高德地图API进行进一步的操作，例如获取位置信息等
    },
    (error) => {
      // 处理错误情况
      console.error("位置服务错误码: " + error.code + "，错误信息: " + error.message);
    }
  );
} else {
  // 用户浏览器不支持地理位置
  console.error("您的浏览器不支持地理位置服务");
}

【代码运行方式】：

1. 确保你的开发环境支持HTML5和JavaScript。
2. 将上述代码嵌入到你的H5页面中，并确保高德地图API已经正确加载。

【代码预期运行结果】： 如果用户授予了地理位置权限，代码将正确获取到用户的经纬度信息，并可以在控制台看到类似以下的输出：

纬度: 30.26349, 经度: 120.12356

如果用户没有授予权限或者浏览器不支持地理位置服务，将看到错误信息。

【推荐相关链接】：

• MDN Web Docs - Geolocation API
• 高德地图API文档
• uni-app 官方文档
• CSDN - 高德uni h5获取不到位置