h5获取地理位置

var city;

function getCity() {

//判断浏览器是否支持geolocation

if(navigator.geolocation){

// getCurrentPosition支持三个参数

// getSuccess是执行成功的回调函数

// getError是失败的回调函数

// getOptions是一个对象,用于设置getCurrentPosition的参数

// 后两个不是必要参数

var getOptions = {

//是否使用高精度设备,如GPS。默认是true

enableHighAccuracy:true,

//超时时间,单位毫秒,默认为0

timeout:50000,

//使用设置时间内的缓存数据,单位毫秒

//默认为0,即始终请求新数据

//如设为Infinity,则始终使用缓存数据

maximumAge:0

};

//成功回调

function getSuccess(position){

// getCurrentPosition执行成功后,会把getSuccess传一个position对象

// position有两个属性,coords和timeStamp

// coords是一个对象,包含了地理位置数据

console.log(position.coords.latitude);

var gg_lon = position.coords.longitude;

var gg_lat =  position.coords.latitude;

// 估算的经度

console.log(position.coords.longitude);

// 所得经度和纬度的估算精度,以米为单位

console.log(position.coords.accuracy);

var gc = new BMap.Geocoder();

var pointAdd = new BMap.Point(gg_lon, gg_lat);

gc.getLocation(pointAdd, function(rs){

// 百度地图解析城市名

city = rs.addressComponents.city;

alert(city)

localStorage.clear();

//或者任何你想要的其他信息

// if(localStorage){

//    localStorage.clear();

//    localStorage.setItem('mycity',city)

//    }

})

}

//失败回调

function getError(error){

// 执行失败的回调函数,会接受一个error对象作为参数

// error拥有一个code属性和三个常量属性TIMEOUT、PERMISSION_DENIED、POSITION_UNAVAILABLE

// 执行失败时,code属性会指向三个常量中的一个,从而指明错误原因

switch(error.code){

case error.TIMEOUT:

console.log('超时');

break;

case error.PERMISSION_DENIED:

console.log('用户拒绝提供地理位置');

break;

case error.POSITION_UNAVAILABLE:

console.log('地理位置不可用');

break;

default:

break;

}

}

navigator.geolocation.getCurrentPosition(getSuccess, getError, getOptions);

// watchPosition方法一样可以设置三个参数

// 使用方法和getCurrentPosition方法一致,只是执行效果不同。

// getCurrentPosition只执行一次

// watchPosition只要设备位置发生变化,就会执行

var watcher_id = navigator.geolocation.watchPosition(getSuccess, getError, getOptions);

//clearwatch用于终止watchPosition方法

navigator.geolocation.clearWatch(watcher_id);

}

}

getCity();

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • js获取地理位置navigator.geolocation.getCurrentPosition(successC...
    abs1004阅读 577评论 0 0
  • 手机H5想要获取地理位置需要的工具,或者API: 百度地址api 手机H5获取地理位置,直接上代码, [获取授权]
    IT锟阅读 6,348评论 0 3
  • H5 meta详解 viewport width:控制 viewport 的大小,可以指定的一个值,如果 600,...
    FConfidence阅读 851评论 0 3
  • 突然有点想她 今生亏欠最多的女人 就是她 夏蒲凉、冬捂暖 不舍鞭打不能骂 虽无片言温存话 全家温饱都靠她
    罗掌柜real阅读 228评论 0 0
  • “那个姑娘又来了……” “唉,也是可怜人,好端端的就……” 一句句叹息和同情声自耳边掠过,林一然一动不动的坐在树下...
    腓肠肌阅读 328评论 0 3