uniapp城市定位

### UniApp 中实现城市定位的方法 在 UniApp 开发环境中，为了实现在应用内获取用户当前位置的功能，需遵循特定流程来确保既能满足不同平台的要求又能保障用户体验。此过程涉及请求用户授权以及调用 `uni.getLocation` API 来取得地理坐标信息。 #### 请求用户授权 由于涉及到个人隐私保护，在访问设备的位置服务之前，必须先向用户说明用途并获得其许可。这一步骤至关重要，因为未经允许擅自收集个人信息可能违反法律法规[^3]。 ```javascript // 提示用户授予位置权限 uni.authorize({ scope: 'scope.userLocation', success() { console.log('用户已授予权限'); }, fail(err) { console.error('用户拒绝授权', err); } }); ``` #### 使用 `uni.getLocation` 获取地理位置 一旦获得了必要的权限之后，就可以通过调用 `uni.getLocation` 接口来实际获取用户的经纬度等位置详情了。该接口支持多种参数设置以适应不同的应用场景需求。 ```javascript async function getLocationInfo() { try { const res = await uni.getLocation({ type: 'wgs84' // 返回 GPS 坐标，默认值 gcj02 (国测局加密坐标) }); console.log(`经度：${res.longitude}, 纬度： ${res.latitude}`); return { longitude: res.longitude, latitude: res.latitude }; } catch (error) { console.error('获取位置失败:', error.message); throw new Error(error.message); } } ``` #### 将地理位置转换成具体地址描述 虽然可以直接得到精确的经纬度数值，但在很多情况下更希望展示给用户的是易于理解的文字形式的地名而非抽象的数据点。为此可以借助第三方的地图API（如高德地图、百度地图或是前面提到过的Google Maps），利用反向地理编码(reverse geocoding)技术将这些坐标转化为具体的省市县乃至街道名称[^1]。 ```javascript function reverseGeocode(latLng) { let url = `https://maps.googleapis.com/maps/api/geocode/json?latlng=${latLng.latitude},${latLng.longitude}&key=YOUR_API_KEY`; return fetch(url).then(response => response.json()).then(data => data.results[0].formatted_address); } getLocationInfo().then(location => reverseGeocode(location)).then(address => console.log(`您的位置是:${address}`)); ``` 请注意上述代码片段中的 `YOUR_API_KEY` 需要替换为你自己的 Google 地图 API 密钥才能正常工作。