JS获取当前位置经纬度以及地址信息(借用高德地图API)

https://blog.csdn.net/zhanghuiyu01/article/details/80825357?spm=1001.2101.3001.6661.1&utm_medium=distribute.pc_relevant_t0.none-task-blog-2%7Edefault%7ECTRLIST%7Edefault-1-80825357-blog-125030049.pc_relevant_multi_platform_whitelistv3&depth_1-utm_source=distribute.pc_relevant_t0.none-task-blog-2%7Edefault%7ECTRLIST%7Edefault-1-80825357-blog-125030049.pc_relevant_multi_platform_whitelistv3&utm_relevant_index=1

需要先引用高德api

<script type=”text/javascript” src=”https://webapi.amap.com/maps?v=1.4.3&key=…”></script>

1

function getCurrentPosition() {//调用浏览器定位服务
map = new AMap.Map(‘container’, {
resizeEnable : true
});
map.plugin(‘AMap.Geolocation’, function() {
geolocation = new AMap.Geolocation({
enableHighAccuracy : true, //是否使用高精度定位,默认:true
timeout : 10000, //超过10秒后停止定位,默认:无穷大
buttonOffset : new AMap.Pixel(10, 20), //定位按钮与设置的停靠位置的偏移量,默认:Pixel(10, 20)
zoomToAccuracy : true, //定位成功后调整地图视野范围使定位位置及精度范围视野内可见,默认:false
buttonPosition : ‘RB’
});
map.addControl(geolocation);
geolocation.getCurrentPosition();
AMap.event.addListener(geolocation, ‘complete’, onComplete);
//返回定位信息
AMap.event.addListener(geolocation, ‘error’, onError);
//返回定位出错信息
});
};

其中data.position.getLng()和data.position.getLat()代表经纬度的值

//解析定位结果
function onComplete(data) {
map = new AMap.Map(‘container’, {
resizeEnable : true,
zoom : 14,
center : [data.position.getLng(), data.position.getLat()]
});
marker = new AMap.Marker({
position : [data.position.getLng(), data.position.getLat()],
map : map
});
posX = data.position.getLng();
poxY = data.position.getLat();
geocoder(data.position.getLng(), data.position.getLat(), data.addressComponent.citycode);

};

定位出现问题后的处理函数

function onError(data) {//解析定位错误信息
mobile.window.alert({
title : ‘提示信息’,
content : ‘获取定位信息失败!’,
buttons : ‘确定’
});
$(“#nowAddress”).html(“定位失败”);
var str = ‘<p>定位失败</p>’;
switch(data.info) {
case ‘PERMISSION_DENIED’:
str += ‘浏览器阻止了定位操作’;
break;
case ‘POSITION_UNAVAILBLE’:
str += ‘无法获得当前位置’;
break;
case ‘TIMEOUT’:
str += ‘定位超时’;
break;
default:
str += ‘未知错误’;
break;
}
};

把经纬度解析成地址信息

function geocoder(lnglatX, lnglatY, cityCode) {
var geocoder = new AMap.Geocoder({
city : cityCode, //城市,默认:“全国”
radius : 1000 //范围,默认:500
});
geocoder.getAddress([lnglatX, lnglatY], function(status, result) {
if (status === ‘complete’ && result.info === ‘OK’) {
geocoder_CallBack(result);
}
});
}

function geocoder_CallBack(data) {
var geocode = data.regeocode;
$(“#nowAddress”).html(geocode.formattedAddress);
}


发表评论

电子邮件地址不会被公开。 必填项已用*标注