js实现定位地址
获取用户地理位置（GPS）
使用浏览器的Geolocation API获取用户当前位置坐标（需用户授权）。以下代码示例展示基础实现方式：
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(
(position) => {
const latitude = position.coords.latitude;
const longitude = position.coords.longitude;
console.log(`纬度: ${latitude}, 经度: ${longitude}`);
},
(error) => {
console.error('获取位置失败:', error.message);
}
);
} else {
console.error('浏览器不支持地理定位');
}逆地理编码转换
将经纬度坐标转换为具体地址信息，通常需要调用第三方地图API：
// 以高德地图API为例
function getAddress(lng, lat) {
fetch(`https://restapi.amap.com/v3/geocode/regeo?key=您的KEY&location=${lng},${lat}`)
.then(response => response.json())
.then(data => {
const address = data.regeocode.formatted_address;
console.log('详细地址:', address);
});
}地址关键词搜索
实现根据输入关键词搜索相关地址列表（需地图API支持）：
// 使用腾讯地图搜索示例
function searchAddress(keyword) {
fetch(`https://apis.map.qq.com/ws/place/v1/search?key=您的KEY&keyword=${keyword}`)
.then(res => res.json())
.then(result => {
const addresses = result.data.map(item => item.title);
console.log('搜索结果:', addresses);
});
}持续位置监听
需要实时追踪位置变化时（如导航应用）：
const watchId = navigator.geolocation.watchPosition(
(position) => {
console.log('位置更新:', position.coords);
},
null,
{ enableHighAccuracy: true, maximumAge: 30000 }
);
// 停止监听时执行
// navigator.geolocation.clearWatch(watchId);注意事项
- 所有地理位置API都需要HTTPS环境（本地开发localhost除外）
- iOS 10+要求页面必须包含位置使用说明
- 精确度受设备硬件、用户权限设置影响
- 第三方地图API通常有每日调用限额
兼容性处理方案
对于不支持Geolocation API的旧浏览器，可提供备用输入：
<div id="geo-fallback">
<input type="text" placeholder="手动输入地址">
<button onclick="handleManualAddress()">确认</button>
</div>完整实现应包含错误处理、超时设置和用户拒绝授权的回调处理。实际项目中建议使用地图SDK（如高德/百度/Google Maps JavaScript API）以获得更完整的功能支持。
