#原生js html5地理定位
根据本人的经验,开发中在微信公众号/支付宝生活号中苹果手机并不支持定位
目录:
文章目录
##注意
当经纬度没办法满足你的需求时,具体的 地址信息结合地图API获取
如百度地图
// 百度地图API功能
var map = new BMap.Map("allmap");
var point = new BMap.Point(116.331398,39.897445);//这里是写地理定位后的经纬度
map.centerAndZoom(point,12);
var geoc = new BMap.Geocoder();
map.addEventListener("click", function(e){
var pt = e.point;
geoc.getLocation(pt, function(rs){
var addComp = rs.addressComponents;
alert(addComp.province + ", " + addComp.city + ", " + addComp.district + ", " + addComp.street + ", " + addComp.streetNumber);
});
});
##代码段如下:
// 判断设备是否支持定位功能
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(onSuccess, onError, options)
} else {
alert("该设备不支持定位")
}
var options = {
enableHighAccuracy: true,
maximumAge: 3600000
}
function onSuccess(pos) {
var opt2, opt3;
console.log(pos)
console.log(pos.coords.latitude + ',' + pos.coords.longitude)
// 经度 :pos.coords.latitude 纬度:pos.coords.longitude
}
function onError(error) {
console.log(error.message)
alert('定位失败')
}