h5获取安卓定位_手机端H5获取当前城市的方法

如图

GIF04.gif

移动端的H5页面提供了定位的功能，在网上我搜索了很多资料。可是都是代码一大段一大段的 还要去注册各种平台的key 秘钥 很复杂 本人菜鸟 直接懵了，后来找了一篇比较简单的 供大家参考

navigator.geolocation.getCurrentPosition(function (position) {

var lat = position.coords.latitude;

var lon = position.coords.longitude;

var point = new BMap.Point(lon, lat); // 创建坐标点

// 根据坐标得到地址描述

var myGeo = new BMap.Geocoder();

myGeo.getLocation(point, function (result) {

var city = result.addressComponents.city;

$('body').html(city);

});

});

注： 这一种 以前是能用的 但是后来不知道百度怎么回事 可能是升级了 提示我的key 不正确 就不能用了 我用的是第2种

2、打开手机试一下吧

如果不需要精准的定位，还有一种通过IP地址获取当前城市的方法，采用新浪的api接口

var city = remote_ip_info['city'];

var pro = remote_ip_info['province'];

console.log(pro+"省"+city+"市")

3

太平洋IP地址库API接口

http://whois.pconline.com.cn/?ip=[ip地址字符串]

另外：还有google、搜狐等提供对应的接口，大家可以自己试一试。

搜狐IP地址查询接口(默认GBK)：http://pv.sohu.com/cityjson

4.获取客户端IP方法

var url = 'http://chaxun.1616.net/s.php?type=ip&output=json&callback=?&_=' + Math.random();

$.getJSON(url, function(data) {

alert(data.Ip);

});