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();

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 206,482评论 6 481
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,377评论 2 382
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 152,762评论 0 342
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,273评论 1 279
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,289评论 5 373
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,046评论 1 285
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,351评论 3 400
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,988评论 0 259
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,476评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,948评论 2 324
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,064评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,712评论 4 323
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,261评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,264评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,486评论 1 262
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,511评论 2 354
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,802评论 2 345

推荐阅读更多精彩内容

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